默认情况 ：写在组件中的样式会 全局生效 ，因此很容易造成多个组件之间的样式冲突问题。

        1、  全局样式 ： 默认组件中的样式会作用到全局

        2、  局部样式 ： 可以给组件加上 scoped 属性， 让样式只作用于当前组件

// abcd就是scoped给添加的属性
<p abcd>1</p>

<style>
p[abcd] {
    color: red;
}
</style>