因为写在.vue组件的组件和样式最终都会放到index.html中，会造成多个组件之间的样式冲突问题
解决方法1：为每个组件分配唯一的自定义属性，给对应的组件样式通过属性选择器控制样式的作用域 <标签 data-v-xxxx> 标签[data-v-xxxx]{样式}
解决方法2：给style节点添加 scoped
样式穿透：当前组件的style节点添加了scoped属性，则当前组件的样式对其子组件是不生效的，但是想让该组件的某些样式对子组件生效，则在该样式钱添加 /deep/ 深度选择器
文章探讨了在Vue开发中如何处理组件间的样式冲突问题。方法包括为组件分配独特的自定义属性以限制样式作用域，以及利用style的scoped属性。此外，还介绍了/deep/深度选择器来穿透scoped限制，使组件样式能影响其子组件。
3317
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
