解决在Vue3.x中使用::v-deep .xxx出现警告的问题

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