在vue中使用css modules替代scroped的方法

css modules是一种流行的模块化和组合CSS的系统。vue-loader提供了与css modules的集成，作为scope CSS的替代方案。类名是动态生成的，唯一的，并准确对应到源文件中的各个类的样式实际上，CSS Modules只是CSS模块化的一种方式。为什么我们需要CSS模块化呢？CSS的规则都是全局的，任何一个组件的样式规则，都对整个页面有效。于是，亟待解决的就是样式冲突（污染）的问题。