toRefs

<template>
    //使用
    <span> {{name}}</span>
    <span> {{age}}</span>
</template>

<script>
import { reactive, ref ,toRefs} from 'vue';

export default {
    setup() {
        let person =reactive({
            name:'szw',
            age:12
        })
        // 要在模版中使用必须，return出去
        return {
              //解包
            ...toRefs(person)
        }
    }
}
</script>