vue2.x 对象劫持的原理实现(2)

1 创建Vue构造函数,接收所有所有参数options
2 分类初始化options,本章主要处理data,让data上的引用类型的数据通过Object.definePrototy 变成响应式的,初始化是有循序的,先初始化props 然后初始化method 然后初始化data computed watch

3 核心如下

function defineReactive(data,key,value){ observe(value); // 递归实现深度检测 Object.defineProperty(data,key,{ configurable:true, enumerable:false, get(){ // 获取值的时候做一些操作 return value; }, set(newValue){ // 也可以做一些操作 if(newValue === value) return; observe(newValue); // 继续劫持用户设置的值,因为有可能用户设置的值是一个对象 value = newValue; } }); }

到此这篇关于vue2.x 对象劫持的原理实现的文章就介绍到这了,更多相关vue2.x 对象劫持内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/7383978f08578a2de87f03a268675d46.html