Vue仿京东金融页面-CSS Module

1.CSS Module，基本原理是什么，Vue该如何做？

CSS Module的工作原理就是把一个类名编译成哈希字符串，然后在引用的时候直接使用这个哈希字符串字符串，进而保证相同的类名根据不同的路径和组件名称得到不同的值，保证了最终的类名隔离。

 

2.Vue在vue-loader中配置开启CSS Module

1. cssModules: {
2.  
3.   localIdentName: '[path][name]---[local]---[hash:base64:5]',
4.  
5.   camelCase: true
6.  
7. },

 

3.在vue文件中style标签上加module属性

对于父组件声明的类名，在子组件内，CSS Module是不处理的，想用必须显示调用类名($style.类名）

 

4.开启CSS Module之后如何使用第三方样式库？

@import引入