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

712 阅读1分钟

一、>>>

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

  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