前言
自2020年09月18日尤大团队发布vue3.0已经过去了将近两年半的时间,vue3在市场的普及度越来越高,因此在与vue2对比了一番后发现,vue实现双向绑定的方式发生了变化,从使用Object.defineProperty改为Proxy+Reflect来实现。故简单来记录一下使用Proxy实现双向绑定的过程。
API介绍
- Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调
target
要使用 `Proxy` 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。
handler
一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理 `p` 的行为。用等)。
- Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同。
Reflect不是一个函数对象,因此它是不可构造的。