今天在跑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)