Vue3--篇7--ref函数--处理对象数据类型
2023-04-11 本文已影响0人
扶得一人醉如苏沐晨
<template>
<h1>职位：{{ obj.type }}</h1>
<h1>岁数：{{ obj.salary }}</h1>
<h1><button @click="editInfo">修改信息</button></h1>
</template>
<script>
import { ref } from "vue";
export default {
name: "App",
setup() {
let obj = ref({
type: "前端工程师",
salary: "30k",
});
function editInfo() {
obj.value.type = "Ui设计";
obj.value.salary = "60k";
}
return {
obj,
editInfo,
};
},
};
</script>
<style lang="scss"></style>
image.png
image.png
