sass在vue文件中的模块化调用出现的问题？

Question

//index1.vue
<style>
.index1{
  .index-heade{height:100px;font-size:16px}
}
</style>

//index2.uve
<style>
.index2{
   @include index1;
}
</style>

index2.vue页面调用到了index1.vue的样式直接通过include调用为什么不可以？我以前用的别的写就可以，不知道是不是少些什么配置？

Answer 1

index1和index2是什么关系？
index2是index1的子组件？