vue响应式的实现原理

89 阅读1分钟
vue2的响应式和vue3的响应式实现原理不一样,vue2是Object.defineProperty通过数据劫持来添加依赖和执行依赖
vue2这种方式对于新添加的属性没有响应式的效果,因为,新加的属性,没有通过劫持,如果想要实现劫持,还要重新调用下reactive函数。这是缺点,优点是支持性比vue3的proxy的好。
vue3是通过proxy来数据劫持和执行依赖,

下面这个是实现简单的响应式原理,自己写代码用来记录下,如果有朋友看不懂,想具体了解,可以私信。鄙人以前在网上看代码看的也是云里雾里,今天重新手敲了下,对其有了大致了解。 1641610848(1).png

1641610895(1).png

1641610913(1).png