Vue3 toRef与toRefs

1 toRef:

作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。
语法：const name = toRef(person,'name')
应用: 要将响应式对象中的某个属性单独提供给外部使用时。

按照传统的方式我们在setup中返回的对象 在模板显示 需要对象.属性名的形式

正常写法：

使用toRef的写法：

2 toRefs:

  将响应式对象中所有属性包装为ref对象, 并返回包含这些ref对象的普通对象