vue數(shù)據(jù)怎么傳？在vuspringboot vue哪個是前端？Vupostcss和cssmodule是什么？有什么作用？什么是postcss？根據(jù)官方網(wǎng)站 s的解釋，它是javascript編寫的一

vue數(shù)據(jù)怎么傳？

在vu

springboot vue哪個是前端？

Vu

postcss和cssmodule是什么？有什么作用？

什么是postcss？根據(jù)官方網(wǎng)站 s的解釋，它是javascript編寫的一個對css進行轉(zhuǎn)換的工具?？梢哉J為是一個處理css的插件集合，需要配合webpack、gulp等編譯工具才能顯示其強大的能力。

目前，社區(qū)提供了很多插件，其中最著名的如下:

Autoprefixer可以為css屬性配置兼容的前綴，而無需手動添加。

Postcss-preset-env允許您使用更現(xiàn)代的css特性stylelint來檢查css語法錯誤、cssnano css compressor等等。如果你知道巴別塔的原理，你應該聽說過AST，抽象語法樹。編譯器對字符串進行詞法分析、語法分析和轉(zhuǎn)換，最終達到預期的結(jié)果。Postcss也是同樣的原理。這個包已經(jīng)為用戶提供了一個解析方法parse，還提供了很多轉(zhuǎn)換API，可以用來自己開發(fā)一個postcss插件。

什么是css模塊？之前我們用的是css選擇器，對整個頁面都有效，也就是全局。迭代需求時，需要考慮每次添加新的css是否會影響到其他地方，所以我們有時會選擇樣式表。添加名稱空間。Css模塊為我們提供了另一種開發(fā)，可以讓css有一個局部范圍。

用法如下:

用法很簡單，基本上很容易看出來。css-loader為我們提供了css模塊的開關，可以通過給css-loader添加參數(shù)選項modules來打開。注意:它必須放在less或sass的加載程序之前。

那么它是如何實現(xiàn)局部范圍的呢？

當您打開element面板時，您會發(fā)現(xiàn)它將類轉(zhuǎn)換為md5標記，該標記對應于每個組件并保持唯一。

由vue限定范圍，所以我們想到由vue限定范圍，這也解決了css局部范圍的問題！

它在dom上生成一個數(shù)據(jù)屬性，并向類選擇器添加一個屬性選擇器，類似于前面的md5標記。但是由于屬性選擇器的加入，選擇器的優(yōu)先級變高了，覆蓋組件外的css屬性就沒那么容易了！

喜歡我的回答就關注我。有問題可以評論。讓 讓我們一起學習，一起成長！