Class与Style绑定
我们可以使用v-bind来绑定类名或内联样式
 
绑定class,以动态的切换class,也可以与普通的class共存
 
<div class="static" v-bind:class="{active:isActive,'text-danger:hasError'}"></div>
 
data{
    isActive:true
    hasError:false
}
 
渲染结果为：
 
<div class='static active'></div>
 
绑定内敛级样式
 
语法v-bind:style
 
<div v-bind:style='{color:activeColor,fontSize:fontSize+'px'}'></div>
1
data:{
    activeColor:"red",
    fontSzie:13
}
 
也可以直接绑定到一个样式对象中，这样会使模板更清晰
 
<div v-bind:style="active"></div>
 
data:{
    active:{
        color:'red',
         fontSize:'30px'
    }
}