## class 樣式 ### 數組 ``` <h1 :class="['red','italic']">hello world</h1> ``` ### 三元表達式 ``` <h1 :class="['red','italic',flag ? 'active' : '' ]">hello world</h1> //flag是變量 ``` ### 使用對象代替三元表達式 ``` <h1 :class="['red','italic', { 'active' : true }]">hello world</h1> ``` ### 直接使用對象 這個對象可以直接放到data里面去,當做一個變量,然后:class="classObj" ``` <h1 :class="{ active : true, red : false }">hello world</h1> ```