1. 直接傳遞一個數組class 注意：這里的class需要使用 v-bind 做數據綁定 ``` <h1 v-bind:class="['red','under']">VUE教程</h1> ``` 2. 在數組中使用三元表達式 ``` <h1 :class="[flag?'red':'under']">VUE教程</h1> ``` 或 ``` <h1 :class="flag? 'red':'under'">VUE教程</h1> ``` 3. 在數組中使用對象來代替三元表達式，提高代碼可讀性 ``` <h1 :class="[{'red':flag}]">VUE教程</h1> ``` 4. 在為class使用 v-bind 綁定對象時，對象是的屬性是類名，由于對象的屬性可帶或不帶引號，所以沒寫；屬性值 是一個標識符 寫法1： ``` <h1 :class="{ red:true, under:false}">Vue教程</h1> ``` 寫法2： ``` <h1 :class="classObj">Vue教程</h1> ``` ``` var vm = new Vue({ el: '#app', data: { flag: true, classObj: { red: true, under: true } } }) ```