Vue例子2

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