Vue樣式:
Vue中通過屬性綁定為元素的class樣式
第一種使用方式:直接傳遞一個數組
注意:這里的class需要使用v-bind做數據綁定
第二種使用方式:在數組中使用三元表達式
第三種使用方式:在數組中使用對象,來代替三元表達式,提高代碼的可讀性
第四種使用方式:在為class使用v-bind綁定對象的時候,對象的屬性是類名,屬性值是一個修飾符
Vue中通過屬性綁定為元素綁定style行內樣式
第一種方式:直接在元素上通過:style的形式,書寫樣式對象。
對象就是無序鍵值對的集合
第二種方式:將樣式對象,定義在data中,並直接引用到:style中
在data中定義:
在元素中,通過屬性綁定的形式,將樣式對象應用到元素中
第三種方式:在:style中通過數組,引用多個data上的樣式對象
在data中定義:
在元素中,通過屬性綁定的形式,將樣式的對象應用到元素中