vue3响应式原理

我们都知道vue2原理是利用Object.defineProperty()具体实现代码如下:

vue3响应式原理_第1张图片

在我们用vue2开发项目的过程中,通过这个方法是可以获取对象属性值和修改对象属性值,却无法实现如下功能。

1、不能对对象新增属性和删除属性

2、不能通过下标修改数组的元素

为此vue3官方推出了Proxy代理和Reflect。

vue3响应式原理_第2张图片

 总结:

Proxy:拦截对象中属性的新增修改删除变化。

Reflect:对源对象的属性进行操作

 

你可能感兴趣的:(Vue3,前端,javascript,vue.js)