Vue3: 知识总结: ref, toRef, toRefs 和 reactive 的细节区分

相同:

1. ref 和 reactive 都是用来处理数据响应式的
2. 他们都可以作用与对象类型的数据上

不同:

1. reactive 是利用 proxy 来实现
2. ref 则是用把数据给包装成 ref 对象, .value 的方式去访问其数据,在 setup 中吗,在模板中不需要, 因为会自动添加.value
3. vue 强烈建议 ref 用来处理 非指针类型的数据类型, string number 等, 通过给 value 属性添加 getter /setter 来实现对数据的劫持
4. reactive 用来处理 对象 数组等 指针类型的数据
5. 如果你偏偏要用 ref 去处理 指针类型的数据, 通过源码我们可以看到, ref 会做类型检测, 如果是指针类型的数据, 那么 ref 就会内部调用 reactive, 把数据类型转为 proxy, 所以实际还是 reactive 去处理了 指针类型的数据(array, object)