vue版本从2.6升级到2.7之后的深度选择器失效的问题

Vue2.7版本是vue2时代的最后一个版本，这个版本已经开始向Vue3衍进，融合了许多 Vue3 中很好用的新特性，包括：单文件 <script setup> 、Composition API、CSS 中的 v-bind、defineComponent 函数等。2.7 之后，Vue2 将不再做新功能迭代。

于css解析穿透样式控制而言，在Vue2.7中vue-loader插件版本更新到15之后可能会出现 “::v-deep选择器”解析不到、“/deep/”报错、“直接 ::v-deep” 写的问题。 正确的写法是：

第一种：

// 前面包一层自定义的属性避免css范围扩大

.div ::v-deep .el-input__inner { border: none}

第二种：

 .div ::v-deep(.el-icon){ height: inherit; }
 //vue3中写法为
 .div :v-deep(.el-icon){ height: inherit; }

Vue 升级到2.7的更新手册参考github.com/vuejs/vue/b…