vue 组件中style scoped怎么起作用的

在style加scoped后，生成一个data-v-XXXXX的唯一标识，给所在组件的父级全部加唯一标示，达到样式私有化，不污染全局的作用 通过给 dom 增加一个动态属性，然后 css 选择器也额外添加对应的属性来选择该 dom ，达到该样式只作用于含有该属性的 dom，实现组件样式的模块化 慎用原因： 其实从原理已经能够了解到慎用原因，这里权当总结 从原理可见，之所以scoped可达到类似组件

>>阅读原文<<