Skip to content

28.如何理解 reactive、ref 、toRef 和 toRefs?

  • reactive::将一个普通对象转换为响应式对象。(采用 new Proxy 进行实现) 通过代理对象访问属性时会进行依赖收集,属性更新时会触发依赖更新。
  • ref: 创建一个包装对象(Wrapper Object)将一个简单的值包装成一个响应式对象,当访问value属性时会进行依赖收集,更新value属性时会触发依赖更新。(采用类访问器实现) 内部是对象的情况会采用 reactive 来进行处理
  • toRef::创建ref对象,引用reactive中的属性。
  • toRefs::批量创建ref对象,引用reactive中的属性。

reactive 实现ref 实现toRef 、toRefs 实现

Released under the MIT License.