toRefs函数

解构响应式对象数据，把一个响应式对象转换成普通对象，该普通对象的每一个property【属性】都是一个ref,和响应式对象的属性一一对应

import {reactive,torefs} from 'vue'
setup(){
    var obj = reactive({
        name:'zhangsan',
        age:18
    });
    // 如果有方法将定义的reactive某属性更改了
    // toRefs解构后的数据也会相应的改变
    const changeDogName = ()=>{
        obj.name = 'lisi'  // 调用该方法后也页面数据会变成lisi-18
    }
    return { 
        // ...obj  不使用toRefs会导致数据失去响应式特性
        ...toRefs(obj),
        changeDogName
    }
}
<template>
    <div>
        {{name}}-{{age}}
    </div>
</template>

toRef

处理响应式对象的一个属性