vue中样式作用域深度访问的新方法(-deep())
.a>>>.b{/*...*/}1,>>>如果vue的样式使用css，则.a>>>.b{/*...*/}但是像scss这样的预处理器是无法解析>>>的，所以我们使用下面的方法。2、/deep/.a{/deep/.b{/*...*/}}但是有开发者反映在编译vue-cli3时，deep方法将报告错误或警告。此时我们可以使用第三种方法3.记住::v-deep必须是双冒号.a{::v-deep.b{/*...*/}}贴在node_modules4中一个解析作用域的源码下面，:deep()Vue2从2.7.0开始，vue3一直使用这个方法深度访问组件样式。:deep()为一级内部组件样式，无论添加与否，该样式都会生效。观察以下组件
:deep(.el-input){font-size:20px}.el-input{font-size:20px}//这两个都可以对于内部组件，第一层可以加也可以不加：deep可以加。除第一层外，第二层、第三层……必须添加样式：deep()，可以自己加载，也可以加载到outerparent上。.el-input{//不起作用。el-input__inner{字体大小：40px;}}.el-input{//有效：deep(.el-input__inner){font-size:40px;}}或:deep(.el-input){//也可以，在外面很深的地方.el-input__inner{font-size:40px;}}或:deep(.responsive-btns){.el-input{//同样有效的函数，有deep.el-input__inner{font-size:40px;}}}外面，见下面的链接https://github.com/vuejs/component-compiler-utils/commit/8b2c646https://vue-loader.vuejs.org/guide/scoped-css.html
