::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>

警告解决