标签：Proxy

Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/collectionHandlers.ts

前言

接着上一篇《Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/baseHandlers.ts》我们学习了使用 Proxy 实现的 reactive 构造出来的响应式的对象， new Proxy(target, handler) 中的基础 handler（baseHandlers）。这一篇，我们将来介绍另外一种 handler 叫 collectionHandlers。collectionHandler 比 baseHandler 提供了更加丰富的 OperationTypes（set、add、delete、clear、get、has、iterate） 中更齐全的操作的 继续阅读“Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/collectionHandlers.ts”

Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/baseHandlers.ts

前言

回到之前有一篇《Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/reactive.ts》我们学习了使用 Proxy 实现的 reactive 构造出来的响应式的对象，定义一个 Proxy 对象是怎么样呢？请看代码： new Proxy(target, handler) 可以看出来，是需要 target 与 handler 来实现，在本篇中我们就来看看实现这个 handler 的最基础的两种叫 mutableHandlers 与 readonlyHandlers， 继续阅读“Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/baseHandlers.ts”

Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/ref.ts

前言

上一篇《Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/reactive.ts》我们学习了使用 Proxy 实现的 reactive 构造出来的响应式的对象，但 reactive 接受的值的参数限于 Object, Array, Map, Set, WeakMap, WeakSet 这些类型，而本篇介绍的 ref 与 reactive 也类似，但可以接收任何类型的值的参数。而且对值的监听的实现方式也不一样， 继续阅读“Vue 3 Pre-Alpha / vue-next 源码学习之 vue/reactivity/ref.ts”