VueJs 绑定 HTML Class class 列表使用三元表达式

如果你也想根据条件切换列表中的 class，可以用三元表达式：

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

渲染为：

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