欢迎光临散文网 会员登陆 & 注册

Vue2响应式原理

2022-03-08 21:22 作者:忘魂儿  | 我要投稿

Vue2是通过Object.defineProperty来实现响应式的,其中包含两个方面,一是数据代理,二是数据劫持

首先我们先确定代理对象proxy

其次我们再确定源对象target

我们要做的就是用proxy代理target,实现二者之间数据的同步

按照简单逻辑来写

通过遍历源对象的keys来实现对proxy属性的添加,不过是使用Object.defineProperty来添加属性罢了

进一步逻辑(函数封装,方便复用)

最终逻辑(框架源码设计)

你见过谁家框架源码写成这样?

事物具有两面性对吧,那么通过对一个事物的反射是不是也是这个事物本身?

所以我们用Reflect


Vue2响应式原理的评论 (共 条)

分享到微博请遵守国家法律