在前端工作中，vue作為經(jīng)常出現(xiàn)的框架還是很重要的，今天文匯軟件就來和大家談談vue如何綁定class。
首先我們先說下vue綁定的優(yōu)點：
一.綁定的class不會與原來已有的class沖突，并且內(nèi)部可以做三元運算進行判斷
像下圖本來已經(jīng)綁定了x和y的類，x是背景色，y是字體大小，后面是vue綁定的z類，z是字體是粉色，這在原來的html中，一個元素有兩個類名，默認只會識別第一個，而現(xiàn)在同樣沒有沖突
再來看html結構，z類已經(jīng)合并到之前的類中了
除此之外綁定的類可以是數(shù)組或者對象，并根據(jù)true和false執(zhí)行相應的類，如下圖
它還可以讓你根據(jù)對象中選取鍵的形式選擇你要是用的類
此時，變只會出現(xiàn)你要選取的y的類了
最后它還可以支持循環(huán)，像是下圖單數(shù)的沒有x的類，雙數(shù)的則會有x的類
以上就是小編分享的了，如果喜歡的話就來文匯軟件關注小編吧
上一篇： 微信小程序如何進行表單驗證
下一篇： 項目中如何設置頁面打印的樣式
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)詳細流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
