Vue数据绑定

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>