vue中css样式管理

1. Vue中scoped属性的渲染规则： 给DOM节点添加一个不重复的data属性（比如data-v-7ba5bd90）来表示他的唯一性 在每个CSS选择器末尾（编译后生成的CSS）加一个当前组件的data属性选择器（如[data-v-7ba5bd90]）来私有化样式。选择器末尾的data属性和其对应的DOM中的data属性相匹配 子组件最外层标签上有一个类已经在这个父组件中定义过了，那么这个父

>>阅读原文<<