v-model双向数据绑定原理

// 标准写法
<input v-model="name">

// 等价于
<input :value="name" @input="name = $event.target.value">

// 在组件上面时
<div :value="name" @input="name = $event"></div>

1. 当在input输入框输入内容时，会自动的触发input事件，更新绑定的name值。

2. 当name的值通过JavaScript改变时，会更新input的value值