Vue 3.0 toRefs()

<template>
  <p>{{name}}</p>
  <input v-model="name"/>
</template>

<script>
import { reactive, toRefs } from 'vue';
export default {
  name: 'App',
  setup(){
    const userInfo = reactive({
      name: "张三",
      age: 10,
    });
    return {
      ...userInfo, //不是响应式数据
      ...toRefs(userInfo), //响应式数据
    }
  },
}
</script>