::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警告解決

問題描述：vue3.0使用sass預處理器使用::v-deep深度選擇器拋出如下警告

 

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

 

原因新的vue3.0 單文件規范::v-deep寫法已經被廢棄了
修改成 如下寫法，不要加空格

//報錯
<style lang="scss" scoped>
  ::v-deep .demo{
    background: yellow;
  }
</style>

//正確
<style lang="scss" scoped>
  :deep(.demo){
    background: yellow;
  }
</style>

警告解決