数据的绑定

数据绑定

vue有两种数据绑定方式：

1. 单向绑定：（v-bind）：数据只能从data流向页面
2. 双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data

备注：

1. 双向绑定一般都是应用在表单类元素上，如：input、select等
2. v-model:value 可以简写为v-model,因为v-model默认收集的就是value值

 	<!--普通写法-->
    单向数据绑定：<input type="text" v-bind:value="name"><br/>
    双向数据绑定：<input type="text" v-model:value="name"><br/>

    <!--简写-->
    单向数据绑定：<input type="text" :value="name"><br/>
    双向数据绑定：<input type="text" v-model="name"><br/>