vue4例子

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

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