v-model在input元素上时（vue)

v-model在input元素上时 

疑问：为什么input输入框value的内容就是v-model绑定属性的值？

---

经过查资料发现：

v-model的原理 其实是背后有两个 *** 作：

①v-bind绑定value属性的值；

②v-on绑定input事件监听到函数中，函数会获取最新的值赋值到绑定的属性中；

---

v-model虽然很像使⽤了双向数据绑定的 Angular 的 ng-model，但是 Vue 是单项数据流，v-model 只是语法糖⽽已。

第⼀⾏的代码其实只是第⼆⾏的语法糖。

然后第⼆⾏代码还能简写成这样：

要理解这⾏代码，⾸先你要知道 input 元素本⾝有个 oninput 事件，这是 HTML5 新增加的，类似 onchange ，每当输⼊框内容发⽣变化时，就会触发oninput，把最新的value传递给 sth。

我们仔细观察语法糖和原始语法那两⾏代码，可以得出⼀个结论：
在给元素添加v-model属性时，默认会把value作为元素的属性，然后把'input'事件作为实时传递value的触发事件