如果想冬天改變class的樣式，一般有以下幾種寫法
1、物件語法
0}">這樣表示當totalcount>0時，highlight這個樣式有效
繫結多個class：
//和如下 data：
data:
//結果渲染為：
isactive或者haserror變化時，class 列表將相應地更新。例如，如果haserror的值為true，class 列表將變為"static active text-danger"。
我們也可以通過繫結乙個計算屬性，這裡不作介紹。
2、陣列語法
三元表示式：
=minprice?'enough':'not-enough']">記住，三元表示式一定要寫在內
不過，當有多個條件 class 時這樣寫有些繁瑣。所以在陣列語法中也可以使用物件語法：
這樣表示當isactive為true時active才有效，errorclass是一直有效
如果想定義多個class：
data:
//渲染為：
這裡咋一看，物件語法和陣列語法繫結多個class有相似之處，那麼有什麼區別呢？我個人理解，物件語法是通過控制值的boolean值從而控制class，而陣列更多的像把乙個值直接賦值給這個class。當然，一般來說需要計算的表示式一般會寫在{}內，除了三元表示式。
參考官網：
Vue 的 Class 與 Style 繫結
我們可以傳給 v bind class 乙個物件，以動態地切換 class 如上，我們先給 exp 乙個邊框，我們利用 v bind 方法傳入乙個新的 class 屬性 newexp，設定乙個藍色的背景顏色。當我們在控制台修改 newexp 的屬性為 true 時，會給 div 新增乙個藍色的背景顏...
Vue入門 Class 與 Style 繫結
class static class div 可將物件繫結在class屬性上，動態切換class v bind class與普通class可共存。可繫結data中的物件，或計算屬性。class activeclass,errorclass div data 在陣列中巢狀表示式 class activ...
Vue學習 Class與Style繫結
class和style繫結，使用v bind處理，並在v bind上對表示式的結果型別進行了擴充套件，除了字串之外還可以是物件或陣列。1 物件 1 v bind的class可以與普通的class屬性共存 2 v bind的class可以將物件寫入到class中 3 v bind的class可以將物件...