1.scoped属性的作用：加上scoped属性的作用是---样式只对当前组件有效。
对于某个组件，如果style加上scoped属性，即：给当前子组件的结构中都添加上一个data-v-xxx自定义属性，会发现vue是通过属性选择器给需要添加的元素加上样式。
2.子组件的根标签（拥有父组件中一样的自定义组件），如果子组件的根节点和父组件中书写的样式相同，也会添加相应的样式。
注意：若父组件的style加了scoped属性，且还想影响到组组建的样式，可使用深度选择器。
深度选择器可以实现样式穿透,深度选择器又三种，分别为：>>> , /deep/ , ::v-deep
>>> 一般用于原生css
/deep/ 一般用于less
::v-deep 一般用于scss
标签：样式,deep,scoped,组件,选择器,属性 From： https://www.cnblogs.com/zhaofen/p/17151478.html