Vue3学习之深度剖析CSS Modules和Scope

Css Modules 是通过对标签类名进行加装成一个独一无二的类名，比如.class 转换成.class_abc_123,类似于symbol，独一无二的键名

Css Scope 是通过为元素增加一个自定义属性，这个属性加上独一无二的编号，而实现作用域隔离。

原理

CSS Modules

CSS Modules实现CSS模块化的原理就是根据我们在config文件中定义的类名命名规则给类生成一个独一无二的命名，从而实现作用域的隔离。【