vue 中 style中scoped 属性的影响以及解决办法

问题: 在前端项目的运行和编写过程中自然不可避免的会使用第三方提供的组件，但是提供的组件中或许你要修改封装的组件中的一些样式。这个时候问题来了 vue 中的 scoped 属性是为了防止页面中样式修改作用于别的页面，在这个使用即使使用 ！import  也是修改不成功的。

问题解决：

使用深度选择器，但是有个问题就是你的 vue-loader 的版本要高于12.2这个深度选择器才会生效。