style 上加 scoped 属性的原理
在VUE中,为了不使模块之间相同的选择器样式污染,就可以在标签上面使用scoped,实现局部样式,只作用于当前模块的样式。
原理
- scoped就是给模块中的每个dom加一个唯一的data属性,来表示它的唯一性
- 在css选择器上面也添加上这个元素的data属性,就可以使样式私有化
碎碎念
其实也可以通过在当前模板的最大div上添加唯一的class或者div,每次使用css选择器时,都加上大div的id或者clss
在VUE中,为了不使模块之间相同的选择器样式污染,就可以在标签上面使用scoped,实现局部样式,只作用于当前模块的样式。
其实也可以通过在当前模板的最大div上添加唯一的class或者div,每次使用css选择器时,都加上大div的id或者clss