v-bind:class 对普通属性绑定进行扩展,普通属性绑定只支持表达式。扩展为支持三目表达式、对象、数组
三目表达式
支持单个class是否添加的控制如
v-bind:class="isRed?'red':''"
对象
支持多个class 同时控制例如
v-bind:class="classObj"
classObj:{
red:true,
green:false,
blue:true
}
数组
实现动态添加、删除class
v-bind:class="classArray"
classArray:['red','gree']
classArray.push('blue');
classArray.pop();