Vue例子2

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

<template> <div class="mylist">    <h2>姓名：{{name}}</h2>    <h2>年龄：{{age}}</h2>    <h2>电话：{{tel}}</h2>    <button @click="changename">修改姓名</button>    <button @click="changeage">修改年龄</button>    <button @click="showtel">修改年龄</button> </div> </template>   <script lang="ts">   export default {   name:'mylist', } </script>   <script lang="ts" setup name='mylinst234'> import {ref} from 'vue' let name=ref('张') let age=ref(44) let tel=ref('135222222222')   console.log(1,name) console.log(2,age) console.log(3,tel)     function changename(){    name.value="aaadd" }   function changeage(){    age.value+=1 }   function showtel(){    alert(tel.value) } </script>