在前端工作中，vue作為經(jīng)常出現(xiàn)的框架還是很重要的，今天文匯軟件就來(lái)和大家談?wù)剉ue如何綁定class。
首先我們先說(shuō)下vue綁定的優(yōu)點(diǎn)：
一.綁定的class不會(huì)與原來(lái)已有的class沖突，并且內(nèi)部可以做三元運(yùn)算進(jìn)行判斷
像下圖本來(lái)已經(jīng)綁定了x和y的類，x是背景色，y是字體大小，后面是vue綁定的z類，z是字體是粉色，這在原來(lái)的html中，一個(gè)元素有兩個(gè)類名，默認(rèn)只會(huì)識(shí)別第一個(gè)，而現(xiàn)在同樣沒(méi)有沖突
再來(lái)看html結(jié)構(gòu)，z類已經(jīng)合并到之前的類中了
除此之外綁定的類可以是數(shù)組或者對(duì)象，并根據(jù)true和false執(zhí)行相應(yīng)的類，如下圖
它還可以讓你根據(jù)對(duì)象中選取鍵的形式選擇你要是用的類
此時(shí)，變只會(huì)出現(xiàn)你要選取的y的類了
最后它還可以支持循環(huán)，像是下圖單數(shù)的沒(méi)有x的類，雙數(shù)的則會(huì)有x的類
以上就是小編分享的了，如果喜歡的話就來(lái)文匯軟件關(guān)注小編吧
