/deep/和>>>以及 ::v-deep 三者的区别

/deep/和>>>以及 ::v-deep 三者的区别

一月 13, 2022
该文章更新于 2022.01.13

>>>

深度作用选择器的简写形式

  1. 只作用于css,不支持css预加载器(less/scss)
  2. /deep/的简写形式,适用于Vue2.x版本,Vue3.x版本使用会报错

/deep/

Vue2.x的深度作用选择器正式写法

  1. 仅适用于Vue2.x版本
  2. 支持css预加载器

::v-deep

Vue3.x的深度作用选择器正式写法

总结

Vue2.x版本使用优先级 /deep/ > >>>
Vue3版本使用::v-deep