文章讲述了在Vue中，针对CSS样式穿透组件边界时，/deep/和::v-deep两种写法的区别。/deep/是Vue2.x中的简写形式，但在Vue3.x中不再支持，可能会导致编译错误。相反，::v-deep是更保险的选择，尤其在Vue-cli3环境下，推荐使用::v-deep来避免警告和错误，因为它具有更好的兼容性和编译效率。
1.style为css时的写法如下
.a >>> .b {
}
是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错
2.style使用css的预处理器(less， sass， scss)的写法如下
第一种/deep/
/deep/ .a {
}
第二种::v-deep
::v-deep .a{
}
在vue-cli3编译时，/deep/的方式会报错或者警告，导致变异报错。这个时候用::v-deep。建议平时使用第二种方式，/deep/在某些时候会报错，::v-deep更保险并且编译速度更快
扫一扫
3083
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
