<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>