vue里面父组件如何修改子组件样式

在vue的开发中，我们需要引用子组件，包括ui组件（element、iview）。但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。1\去掉scoped之后，样式可以覆盖。但这样会污染全局样式，2、为了解决这个问题，vue-loader新增书写方式：深度作用选择器

1、去掉 scoped

在父组件中去掉scoped，父组件可以书写子组建的样式，但是会影响全局的样式，去掉scoped之后可以在当前父组件的页面加一个外层的class约束

2、使用深度作用选择器

<style scoped>
.a >>> .b {
  /* ... */
}
</style>
或者
<style scoped>
.a /deep/ .b {
  /* ... */
}
</style>