簡介：Vue中class樣式的綁定

1、字符串寫法

使用場景：樣式的類型不確定

寫法：

<div :class="xd_bg">測試賬號</div>

手動觸發(fā)樣式改變

注意：字符串使用的是vue實例data中已有的屬性

2、對象寫法

使用場景：樣式個數(shù)、類名確定，通過Bollean動態(tài)展示與否

寫法：

對象寫在內(nèi)聯(lián)樣式

<div :class="{bg_red:bg_red,border:border}">測試</div>

對象寫在data中

<div :class="list">測試</div>
data: {
list: {bg_red: 'bg_red',border: 'border',},
}

3、數(shù)組寫法

<div :class="[xd_border,xd_bg]">測試</div>

<div :class="[isActive?xd_border:'',xd_bg]">測試</div>

<div :class="list">?滴課堂</div>
data:{list:['border', 'bg_red']
}