Vue3的toRef和toRefs

• 作用：创建一个ref对象，其value值指向另外一个对象中的某个属性。这样在模板中就可以直接使用属性名而不用麻烦的再加对象名前缀了。

• 语法：

  const name = toRef(person,'name')

• 应用：要将响应式对象中的某个属性单独提供给外部使用时。

• 扩展：toRefs与toRef功能一致，但可以批量创建多个ref对象，需要注意的是它只会解析对象的第一层属性，语法直接传入对象 toRefs(person)

• 示例：
• 　　toRef

在浏览器的效果

• 　　toRefs

浏览器效果图：