Vue中有两种数据绑定的方式:
1.单向绑定(v-bind):数据只能从data流向页面。
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。
双向绑定一般都应用在表单类元素上(如:input,select等)。
v-model:value可以简写为v-model,因为默认收集的就是value值。
<div>
/*普通写法*/
单向数据绑定:<input type = "text" v-bind:value = "name">
双向数据绑定:<inpur type = "text" v-model:value = "name">
/*简写*/
单向数据绑定:<input type = "text" :value = "name">
双向数据绑定:<inpur type = "text" v-model = "name">
</div>