vue3利用toRefs属性 创造一个对象解构函数

toRefs在vue3中是一个有些鸡肋的属性
他的作用是拆解响应式对象内的变量且保留这些变量的响应式
那么我们就可以写一个简单的结构函数 从对象中解构出自己需要的变量

import { toRefs,reactive } from 'vue'
function getstatu(){
    const statu = reactive({
        x:1,
        y:2
    })
    return toRefs(statu) 
}
 export default {
    name: 'App',
    setup(){
        const {x,y} = getstatu()
        console.log("x"+x+"y"+y);
        return {
            x,
            y
        }
    }
}

这样我们就解构出了对象中的xy变量
老实说 这种写法个人简单一点都不实用 但也许会有些特殊的需要用它实现会方便也说不定