vue的样式穿透 修改第三方样式

什么是样式穿透?
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过一些方法，穿透scoped。
1.  样式穿透     >>>
如果项目使用的是css 原生样式，那么你可以直接使用 >>> 穿透修改
但如果是sass/less的话可能无法识别，这时候需要使用 /deep/和::v-deep 选择器
有些Sass 、Less之类的预处理器无法正确解析 >>>。
可以使用 /deep/ 操作符 或者 ::v-deep   ( 都是 >>>  的别名)
2.  /deep/
3.  ::v-deep
vue3.0的环境下，安装项目时选择了 dart-sass ，这个不支持 /deep/ 和 >>> 的写法
只能用  ::v-deep  ，选择  node-sass  就不会有这个问题
建议使用第二种方式,  /deep/  在某些时候会报错，  ::v-deep  更保险并且编译速度更快，
强烈推荐 使用 ::v-deep