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