Vue 双向数据绑定原理分析

看了原文链接，记录自己的理解。原文链接：http://www.jianshu.com/p/d3a15a1f94a0

关于双向数据绑定

MV*框架，数据同步基本处理方式。（可以将model看做data）

 

backbone的处理方式：

 

angularjs代表的mvvm框架更进一步，从框架层支持数据同步，而且是双向数据绑定。

不同mvvm框架中，实现双向数据绑定技术不同。

AngualarJS使用：脏值检测

 

VueJS使用：ES5提供的Object.defineProperty()方法。实现对数据监控，自动数据同步。精确将数据发给视图，而不是对数据都执行一次检测。

Vue 双向数据绑定实现

最终体现在数据读写中。即：Object.defineProperty()定义的set、get函数。Vue对应的为defineReactive函数。

 

数据绑定关系的识别过程

new Vue(){

//主要执行两个步骤

1、compile 解析指令

2、link 数据绑定（双向同步）

}