最近學習了vue中class和class的用法，想來總結一下，也把我的知識提供給大家使用；首先來總結class的用法，vue中的class有4種寫法;class和style都屬於DOM屬性，所以在vue中都用:class和:style表示 同樣給id為box的div加上字體和顏色和背景顏色 ...

一 原生用法 二 三元表達式 三 函數用法 四 變量用法 ...

...

Class 與 Style 綁定 數據綁定一個常見需求是操作元素的 class 列表和它的內聯樣式。因為它們都是屬性，我們可以用 v-bind 處理它們：我們只需要計算出表達式最終的字符串。不過，字符串拼接麻煩又易錯。因此，在v-bind 用於 class 和 style 時，Vue.js 專門 ...

1. 控制標簽style樣式 格式1：值是json對象，對象寫在元素的:style屬性中 標簽元素： ...

1.直接添加行內樣式 2.通過綁定設置style樣式 3.將vue的屬性設置為樣式 4將多個vue屬性設置為樣式 ...

Vue樣式： 　　Vue中通過屬性綁定為元素的class樣式 　　　　 　　　　第一種使用方式：直接傳遞一個數組 　　　　　　注意：這里的class需要使用v-bind做數據綁定 　　　　　　　　 　　　　　　　　　 　　　　第二種使用方式：在數組中使用三元表達式 ...

style綁定 1、綁定的數據都在data中，所以通過this可以直接訪問； 2、綁定有三種方式： ​ 1、{}方式，其實就是直接將具體樣式綁定； ​ 2、樣式對象名綁定； ​ 3、[]多個樣式對象名綁定； ...