vue4例子

<template>
   <div class="person"></div>
   <h2>姓名{{ person.name }}</h2>
   <h2>年龄{{ person.age }}</h2>
   <button @click="changeage">修改</button>
</template>

<script lang="ts" setup name="person">
import { reactive } from "vue";

let person = reactive ({
   name:'zhangsan',
   age:20
})

function changeage(){
   person.age += 1
}
</script>

<style scoped>
</style>