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

官方说明
https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md