组件之间的样式冲突问题 scoped属性

组件之间的样式冲突问题

导致组件之间样式冲突的根本原因是：

• 单页面程序中，所有组件的dom结构，都是基于唯一的 index.html 页面进行呈现的
• 每个组件中的样式，都会影响 index.html 页面中的dom结构；

解决这个问题：

给每个style标签加上 scoped属性，样式就会 变成私有的，不会影响全局；

当使用第三方组件库时，如果有修改第三方默认样式的需求,需要用到/deep/;

/deep/h3{
color:red;
}