通过属性绑定为元素设置class类样式

<div id="app">
        <!--直接传递一个数组  class需要用v-bind做数据绑定-->
       <!-- <h1 :class="['thin','red']">123456789</h1>-->

        <!--在数组中使用三元表达式-->
       <!-- <h1 :class="['thin','red',flag?'active':'']">123456789</h1>-->

        <!--用对象来代替三元表达式，提高代码的可读性-->
        <!--<h1 :class="['thin','red',{'active“:flag}]">123456789</h1>-->
        
        <h1 :class="classobj">123456789</h1>
    </div>

    <script>
        var vm = new Vue({
            el:'#app',
            data:{
                flag:true,
                classobj:{red:true,thin:true,active:false}
             },