You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
736 B
41 lines
736 B
2 years ago
|
<template>
|
||
|
|
<h1>个人信息：</h1>
|
||
|
|
<h2>姓名：{{ name }}</h2>
|
||
|
|
<h2>年龄：{{ age }}</h2>
|
||
|
|
<h2>工作种类：{{ job.type }}</h2>
|
||
|
|
<h2>薪水：{{ job.salary }}</h2>
|
||
|
|
<button @click="changeInfo">修改信息</button>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {ref} from "vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'App',
|
||
|
|
setup() {
|
||
|
|
// 数据
|
||
|
|
let name = ref('张三')
|
||
|
|
let age = ref(19)
|
||
|
|
let job = ref({
|
||
|
|
type: '前端工程师',
|
||
|
|
salary: '30K'
|
||
|
|
})
|
||
|
|
|
||
|
|
function changeInfo() {
|
||
|
|
name.value = '李四'
|
||
|
|
age.value = 88
|
||
|
|
job.value.type = '后端工程师'
|
||
|
|
job.value.salary = '31K'
|
||
|
|
console.log(name,age)
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
name,
|
||
|
|
age,
|
||
|
|
job,
|
||
|
|
changeInfo,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|