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