Vue——vue3中setup() computed 计算属性写法

<template>
// cba
 <h1>用户名称翻转：{{ reverseName }}</h1>
</template>

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