vue中scoped原理与样式穿透原理

是什么

在vue组件中的style标签上有一个特殊属性:”scoped“

为什么

当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,通过该属性,可以使得组件之间的样式不互相污染。

怎么样实现的

1.为组件实例生成一个唯一标识,给组件中的每个标签对应的dom元素添加一个标签属性,data-v-xxxx

2.给