资源与样式隔离：scoped 的原理与局限，CSS Modu

简单说一下： scoped 原理就是在编译阶段的不同 以及 属性选择器实现组件独立样式隔离。 局限： 父组件可以穿透子组件的根元素， 改变子组件根元素的样式。 可能会造成全局样式污染 重点： 复用样式性极差。 如果有多个组件需要复用样式。 只能在每一个组件都进行cv样式。 但是如果后续需要改变样式，还需要对每一个组件的样式重新修改。 复用性差. 考虑小项目的简洁性推荐使用scoped CSS Modules 模块化css 这里简单说一下原理： 原理是在每个css绑定的样式上在后面添加唯一的哈希值， 对各个组件享用独立样式更为严格。消除父组件可能影响子组件样式可能性。以及可以引入公共样式。 在复用性上极好。 对动态类名控制上代码不够简洁。 需要调用封装好的底层styelModules 的模块， 从里面进行调用样式类名。 代码上不够简洁 开发中大型项目优先使用css 模块化。