数据绑定

　　　　绑定数据 三种方式：

　　　　>> 插值，也就是{{name}}的形式，以文本的形式和实例data中对应的属性进行绑定

　　　　>> v-bind : 可以传给 v-bind:class 一个对象，简写为class：

　　　　　单向变动:当加上v-bind:之后，它的值class不是字符串，而是vue实例对应的data.classed的这个变量。也就是说data.classed是什么值，它就会给class属性传递什么值，当data.classed发生变化的时候，class属性也发生变化，非常适合用在通过css来实现动画效果的场合。

　　　　　支持类型：html属性、css样式、对象、数组、number、boolean;

　　　　// 绑定文本

　　　　<p :message></p>

　　　　//绑定属性

　　　　<p :class="src"></p>

　　　　<p :style="styleCss"></p>

　　　　<p :src="srcString"></p>

　　　　//绑定表达式

　　　　<p :class={className:true}></p>

 　　　   >> v-mode:主要用在表单元素上，例如input，checkbox，select 目的是实现双向绑定

　　　　例如：

　　　　<input v-model="inputDate">