1、scoped
https://vue-loader.vuejs.org/zh/guide/scoped-css.html
2、module
https://vue-loader.vuejs.org/zh/guide/css-modules.html#用法
3、原理
module:通過給樣式名加hash字符串后綴的方式。
scoped:vue通過在DOM結構以及css樣式上加唯一不重復的標記,以保證唯一。
4、區別
(1)css優先級
scoped處理會造成每個樣式的權重加重,因為除了使用類名還使用了標簽選擇器,如.demo-c[data-v-48baf84c]。module不會加重權重。
(2)渲染
scoped使用了標簽選擇器,渲染更慢。
(3)覆蓋
若用戶使用第三方庫一樣的類名,可能會影響到第三方組件的樣式。
