vue3-toRef和toRefs

为什么需要toRef和toRefs

与 ref 不一样的是， toRef 和 toRefs，它们不创造响应式，而是延续响应式。创造响应式一般由 ref 或者 reactive 来解决，而 toRef 和 toRefs 则是把对象的数据进行分解和扩散，其次这个对象针对的是响应式对象而非普通对象。总结起来有以下三点：

• 在不丢失响应式的情况下，把对象数据进行 分解或扩散。
• 针对的是响应式对象（ reactrive 封装的）而非普通对象。
• 不创造响应式，而是延续响应式。

toRef

• 针对一个响应式对象（reactive 封装）的 prop（属性）创建一个ref，且保持响应式
• 两者 保持引用关系

toRefs

• 将响应式对象（reactive封装）转成普通对象
• 对象的每个属性(Prop)都是对应的ref
• 两者保持引用关系