## 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> ```