vue.js中父子传值问题

在父组件中修改子组件样式

在项目中遇到多个页面使用公用子组件，要求子组件在不同页面中渲染不同样式，但是vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局

解决方法：
1 修改 scoped

将 scoped 移除，或者新建一个没有 scoped 的 style（一个.vue文件允许多个style）

2 深度作用选择器 >>>

sass/less的可能无法识别，需要使用 /deep/ 选择器
目前 >>> /deep/已经阵亡了
还好 ::v-deep能用