[JavaScript知识库]vue的scope css原理

1. 每个组件中style如果加了scope，vue-loader将会为这个组件生成一个独特的hash值（多个scope也只会生成一个相同的hash值）

2. 组件的hash值只会添加到当前组件的原生元素，以及子组件的根元素上面，不会添加到子组件非根元素

1. 带::v-deep的scope css最后经过vue-loader处理之后的样式为[hash] .class
2. 不带::v-deep的处理后的样式为.class[hash]

看上面就懂了