陶醉的松鼠 | 陶醉的松鼠

vue3 深度选择器＞＞＞和 deep 和 v-deep 被弃用

在vue2中使用深度选择器可以使用

旧版写法：

/deep/ a{
}
>>> a{
}

在vue3.x中的写法

新版写法：

.user-center {
  &:deep(.test) {
    ...
  }
}

如果还用旧的，会提示你

[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.

看网上说，vue3的深度选择还可以使用::v-deep

测试了::v-deep效果是可以的，但是仍然是发出警告如下

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

实践证明，按着官方提示的来，人家就认准:deep