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

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

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

通过浏览器查看，渲染的html结构是：

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