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