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

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

在vu

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

Vu

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

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

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

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

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

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

用法如下:

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

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

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

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

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

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