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

Vue3响应式原理

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

Vue2中的用的是Object.defineProperty,而Vue3里的ref,也就是基本类型数据的响应式原理依旧用的是Object.defineProperty,唯一不同的就是复杂数据类型,比如对象、数组,像是这种,我们用reactive包裹来使用,那么reactive里的响应式用的就是Proxy了(注意这里的Proxy是window.Proxy)

简单实现逻辑

进一步函数封装

Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同

高阶封装



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

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