Vue样式

<style>
        .style1{
            font-size: larger;
        }
        .style2{
            color: red;
        }
        .style3{
            font-family: 'Courier New', Courier, monospace;
        }
        .style4{
            background-color: blue;
        }
</style>
-----------------
<div id="app">
        <h4 class="style1 style2 style3 style4">yanghsi</h4>
    </div>

<h4 :class="['style1','style3','style2','style4']">yanghsi</h4>

 <h4 :class="['style1','style3','style2',falg?'style4':'']">yanghsi</h4>
 --------
 var vm=new Vue({


        el:"#app",  
       data:{
           flag:false
       },

<h4 :class="['style1','style3','style2',{'style4':flag}]">yanghsi</h4>
----------
var vm=new Vue({


        el:"#app",  
       data:{
           
           flag:true
       },

<h4 :class="{style4:true,style3:true}">yanghsi</h4>