style 上加 scoped 属性的原理

在VUE中,为了不使模块之间相同的选择器样式污染,就可以在标签上面使用scoped,实现局部样式,只作用于当前模块的样式。

原理

  1. scoped就是给模块中的每个dom加一个唯一的data属性,来表示它的唯一性
  2. 在css选择器上面也添加上这个元素的data属性,就可以使样式私有化

碎碎念

其实也可以通过在当前模板的最大div上添加唯一的class或者div,每次使用css选择器时,都加上大div的id或者clss

posted @ 2022-03-14 17:21  是天天呀  阅读(222)  评论(0)    收藏  举报