sass在vue文件中的模塊化調(diào)用出現(xiàn)的問題？

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

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

index2.vue頁面調(diào)用到了index1.vue的樣式直接通過include調(diào)用為什么不可以？我以前用的別的寫就可以，不知道是不是少些什么配置？