toRefs( )函数用法，实现个人信息（姓名、年龄、性别）在4秒后改变。

<template>
    <div class="info">
      <h2>个人信息</h2>
      <p>姓名：{{ name }}</p>
      <p>年龄：{{ age }}</p>
      <p>性别：{{ gender }}</p>
    </div>
  </template>
  
  <script setup>
  import { reactive, toRefs } from 'vue'
  const person = reactive({
    name: '张三',
    age: 20,
    gender: '男'
  })
  
  const { name, age, gender } = toRefs(person)
  setTimeout(() => {
    name.value = '李四'
    age.value = 25
    gender.value = '女'
    console.log('个人信息已修改')
  }, 4000)
  </script>