Vue中class与style绑定

//样式
.red{
        color:red;
    }
    .thin{
        font-weight: 200;
    }
    .italic{
        font-style: italic;
    }
    .active{
        letter-spacing: 0.5em;
    }
    
    //vm
    var vm = new Vue({
        el:"#app",
        data:{
            flag:true
        },
        methods:{}
    })

<h1 :class="obj">测试</h1>

var vm = new Vue({
    el:"#app",
    data:{
        flag:true,
        obj:{red:true,thin:true,active:true}
    },
    methods:{}
})