v-bind干嘛的？
动态绑定属性，比如你给某个div元素设置一个class属性，
<div class="color">
可是呢。你现在想让这个color这个class有时候有，有时候没有，根据条件来判断。（这个条件写在js代码里）
挺拗口的，自己体会
比如
<style>
.Color{
color: red;
}
.Size{
font-size: 30px;
}
</style>
<div id="app">
<span v-bind:class="{'Color':xx1, 'Size':xx2}">我是字</span>
</div>
<script>
new Vue({
el: "#app",
data:{
xx1:true,
//设置了xx1为true，然后你把true带入到 html代码里有xx1的地方，也就是Color：true。也就是说span元素有color这个class
xx2:true
}
})
</script>
结果
image.png
