动态绑定属性：v-bind-xx
v-bind-xx可以缩写为 :xx
v-bind-style
穿的是一个对象，key为style名称，value为对应的值
data:{
size: '50px'
}
<h2 :style="{color: 'blue', fontSize: size}">style</h2>
v-bind-class
值可以是数组或者对象。对象的key为class名，值为boolean类型：true就表示使用，false就表示不使用
var app = new Vue({
el:'#app',
data:{
isRed: 'true',
isBk: 'true',
},
methods: {
getClass: function(){
return 'red: ' + this.isRed + ',' +'bk: ' +this.isBk
},
}
});
<body>
<div id="app">
<h2 :class="['bk','red']">你好</h2>
<h2 :class="{red: 'true'}">你好</h2>
<h2 :class="{red: isRed,bk: isBk}">你好</h2>
<h2 :class="getClass">你好</h2>
<h2 :style="{color: 'blue', fontSize: size}">style</h2>
</div>
</body>
<style>
.red{
color: red
}
.bk{
background-color: aqua;
}
</style>
