背景：
与同事合作开发过程中发现同事又学了新技能对组件样式进行强制修改，但是他用的时候控制台报错了，原因就是将vue2上兼容的使用方式用在了vue3中。下面我们一起来看看吧
一、系统控制台警告信息：
[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
二、vue2和vue3中的使用情况概述：
在Vue2中 经常使用 >>> 或 /deep/ 样式穿透 修改Element-UI里面的样式。
但是Vue3中 Element-Plus 弃用了 >>> 和 /deep/ 使用 :deep() 代替。
三、vue3中的具体使用效果：
Vue3中使用 /deep/ 给出的警告：
修改为如下，控制台就可以正常显示啦：
参考地址：https://blog.csdn.net/m0_51431448/article/details/123003864文章来源：https://www.toymoban.com/news/detail-425067.html
共同学习，有什么其他的好的建议意见欢迎大家吐槽~~~///(v)\~~~文章来源地址https://www.toymoban.com/news/detail-425067.html
到了这里，关于vue2对应的element ui使用的＞＞＞ 和 /deep/ 在vue3中被 :deep() 代替的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
