Vue 深度作用选择器

在 vue 写 css 样式的时候 使用 scoped 后，父组件的样式将不会渗透到子组件中.

如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：

<style scoped>
.a >>> .b { /* ... */ }
</style>

上述代码将会编译成：

.a[data-v-f3f3eg9] .b { /* ... */ }

有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 >>> 的别名，同样可以正常工作。

在 vue 项目中 使用 iview element-ui 框架时,

如何想在 <style scoped > 场景下修改框架中组件的样式,可以使用该方法

该处理方法 出自 Vue Loader