Vue3--篇7--ref函数--处理对象数据类型

<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