vue2.x和vue3.0在scss样式中使用深度选择器的区别

Posted 2023-03-23

参考技术A 在vue 2.x中，使用scss时，深度选择器是 ::v-deep ，

在vue3.0中，由于 ::v-deep 已被弃用，采用一种新的语法。如果在vue3.0中使用 ::v-deep ，没有任何效果，也不会报错，就是在编译的时候会有一个警告。提示 ::v-deep 已被弃用，请使用 :deep(Selector) 代替。

这样写的话警告就没有了。同时样式生效。