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

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

在vu

springboot vue哪個(gè)是前端？

Vu

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

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

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

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

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

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

用法如下:

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

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

當(dāng)您打開element面板時(shí)，您會(huì)發(fā)現(xiàn)它將類轉(zhuǎn)換為md5標(biāo)記，該標(biāo)記對應(yīng)于每個(gè)組件并保持唯一。

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

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

喜歡我的回答就關(guān)注我。有問題可以評論。讓 讓我們一起學(xué)習(xí)，一起成長！