scoped原理：

在一个组件里写的style样式会影响到其他组件，也就是其他组件也应用了这个样式；

解决办法：在这个组件中的style上写上 scoped：

scoped的作用是：让样式在在本组件生效，不影响其他组件；

原理是：给本组件所有的节点新增自定义属性（唯一的标识），然后css根据属性选择器添加样式；

例如：在标签身上加上 “data-v-fae5bece”唯一标识

选择器：

原本的样式：

加上scoped样式，变成了：

选择器变成了h1【data-v-fae5bece】 ，这样的话，这个组件里的选择器就只会选中组件里面的所有标签了，自然也就影响不了其他组件。