今天在跑vue3.x的serve时,无意间发现控制台出现了一行黄色的警告。

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

大概翻译了下,意思是::v-deep用法已被弃用,请使用,请使用:deep(<内部选择器>)代替。

出于好奇,我通过搜索这行警告找到了尤雨溪在去年写的一篇文章(传送门)。

文章详细的向我们阐述了vue3.x深度选择器的变化,我这边简单的总结一下:

  • 完全弃用了>>>/deep/方法。
  • ::v-deep .xxx还可以用,但是不建议用,用了会发出警告。
  • 建议的写法是::v-deep(.xxx)或者简写:deep(.xxx)