Vue基础总结系列文章第二篇---双向数据绑定

首先必须明确：vue是单向数据流，双向数据绑定（v-model）只是一种语法糖。

一.双向数据绑定的两种实现方法

参考代码：

https://github.com/ssxsite/vue2-webpack_update/blob/master/practice/component/model1.js

 

二。v-model 修改成监听change模式

参考代码：

https://github.com/ssxsite/vue2-webpack_update/blob/master/practice/component/model2.js

三。双向数据绑定可以绑定一个对象，也可以绑定多个数据

v-model绑定第一个数据不需要.sync。绑定多个则需要.sync

参考代码：

https://github.com/ssxsite/vue2-webpack_update/blob/master/practice/component/model2.js

 

四。总结

v-model实际是语法糖。使用的时候，只要记住其本质是通过设置一个方法来修改对应父组件的属性即可