在vue的踩坑日常 在父组件中修改子组件样式 在父组件中修改子组件样式 在项目中遇到多个页面使用公用子组件,要求子组件在不同页面中渲染不同样式,但是vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局 解决方法: 1 修改 scoped 将 scoped 移除,或者新建一个没有 scoped 的 style(一个.vue文件允许多个style) 2 深度作用选择器 >>> sass/less的可能无法识别,需要使用 /deep/ 选择器 目前 >>> /deep/已经阵亡了 还好 ::v-deep能用