VueJs 绑定 HTML Class 内联样式在模板里

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

<div id="app" :class="class_obj"></div>
<script type="text/javascript">
    var vm2 = new Vue({
        el: "#app",
        data: {
            class_obj: {
                isActive: true,
                hasError: true,
            }
        }
    })
</script>

渲染为如下的结构：

<div id="div2" class="isActive hasError"></div>