What is the problem with the modular call of sass in the vue file?

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

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

index2.vue page calls the style of index1.vue directly through include. Why not? I used to use something else to write, I don"t know if there is less configuration?

May.15,2021

what is the relationship between index1 and index2?
is index2 a subcomponent of index1?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb0bd3-22f9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb0bd3-22f9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?