Vue——vue3中setup() 定义对象reactive写法

<template>
  <h1>用户年龄：{{ user.age }}</h1>
  <h1>用户名称：{{ user.name }}</h1>
</template>

<script>
import { reactive } from 'vue'
export default {
  data () {
    return {
    }
  },
  methods: {
  },
  setup () {
    const user = reactive({
      age: '18',
      name: 'abc'
    })
    return {  user }
  },
</script>