这是css模块化的写法
仔细观察有什么不同
仔细观察不同
这里的css在style处写了module。同时上面用的:class绑定.home这个样式，而不是class。
平时的写法
同时在浏览器中，看到的是这样的
这里显示的是class="home"
注意看不同
这里的class不再是home。多了一长串东西。css样式也变了
区别
scoped处理会造成每个样式的权重加重，因为除了使用类名还使用了标签选择器，如demo-c[data-v-48baf84c]。module不会加重权重。
scoped使用了标签选择器，渲染更慢。
若用户使用第三方库一样的类名，可能会影响到第三方组件的样式。
具体可见这里：戳我
webpack基础 1.前端工程化 实际的前端开发： 模块化：（js的模块化，css的模块化，资源的模块化） 组件...
仔细观察有什么不同 这里的css在style处写了module。同时上面用的:class绑定.home这个样式，而...
掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成： 模块化开发的优势 css模块化 css模块化...
资料 组件化/模块化 蜂鸟商家版 iOS 组件化 / 模块化实践总结 模块化与解耦 浅析 iOS 应用组件化设计 ...
路由模块化 , 高频全局组件模块化 权限
模块化、组件化与插件化 组件化 modularization、component 模块化 modularizati...
一、CSS模块化设计 1、设计原则 2、设计方法 二、JS组件设计 1、设计原则 2、设计方法 三、自适应 1、基...
蜂鸟商家版 iOS 组件化 / 模块化实践总结 蜂鸟商家版 iOS 组件化 / 模块化实践总结
1、项目设计与原理分析 1、css模块化设计 2、JS组件设计 3、自适应 4、SPA设计 5、构建设计 6、上线...
react组件设计和分解 1.切割render 2.模块化组件 3.高阶组件
本文标题：【组件模块化2】css模块化
本文链接：https://www.haomeiwen.com/subject/pvcgrftx.html
网友评论