Vue——vue3中setup() 对象解构直接使用属性toRefs写法

Vue | July 11, 2026

文章链接：https://blog.csdn.net/qq_43201350/article/details/127192251

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

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