VueJs 绑定 HTML Class class 列表使用对象语法 VueJs 绑定 HTML Class class 列表使用对象语法

绑定 HTML Class 我们可以传给 v-bind:class 一个对象，以动态地切换 class：

<div id="app" v-bind:class="[{ active: isActive }, errorClass]"></div>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            isActive: true,
            errorClass: 'text-danger'
        }
    })
</script>

渲染为：

<div id="app" class="active text-danger"></div>