- 组件的样式冲突scoped
- 默认情况：写在组件中的样式会全局生效--因此很容易造成多个组件之间的样式冲突问题。
- 全局样式：默认组件中的样式会作用到全局
- 局部样式：可以给组件加上scoped属性，可以让样式只作用于当前组件
- scoped 原理：
- 1、给当前组件模板的所有元素，都会被添加上一个自定义属性data-v-hash值（hash值 区分开不同的组件）
- 2、css选择器后面，被自动处理，添加上了属性选择器 div[hash值]
- 最终效果：必须是当前组件的元素，才会有这个自定义属性，才会被这个样式作用到
