VUE---组件的样式冲突scoped

?

scoped原理？

????????1、给 当前组件内的所有标签添加 data-v-hash值 的属性

????????2、css选择器都被添加 [data-v-hash值] 的属性选择器

????????最终效果： 必须是当前组件的元素 , 才会有这个自定义属性, 才会被这个样式作用到，不会造成样式冲突。

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

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

?