关于前端项目开发中的样式穿透问题 ＜＜＜ /deep/ ::v-deep

以前在项目开发中，如果使用了第三方UI库，要覆盖样式，通常使用<<< 深度选择器来进行样式穿透
比如

<style scoped>
.a >>> .b { 
 /* ... */ 
}
</style>

但是如果项目中使用scss,less等预处理器却无法解析>>>，所以我们使用下面的方式.

<style lang="scss" scoped>
.a{
 /deep/ .b { 
  /* ... */ 
 }
} 
</style>

但是最近朋友说 /deep/ 谷歌浏览器不支持了，

经查找资料（主要是翻了翻官方文档），发现vue-loader自己出了一个::v-deep，用来做样式穿透

所以建议使用,::v-deep更保险并且编译速度更快.

<style lang="scss" scoped>
.a{
 ::v-deep .b { 
  /* ... */ 
 }
} 
</style>