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 数据绑定(双向同步)

}

原文地址:https://www.cnblogs.com/cxnian/p/8073296.html