Vue 中绑定css 类

Vue 中绑定css 类, 通过data 控制类的展示

<div class="color-box" :class="{ active: activeClass, 'text-danger': errorClass }">
//'text-danger' 加了引号是因为属性名有-连接
...
</div>

根据data 里面写的activeClass / errorClass 的值来显示要展示的类

data: {
    activeClass: true,
    errorClass: false
}

示例中div 的类为color-box active