通过下面的代码例子分析这两个作用及其用法:
<template>
<h1>姓名:{
{person.name}}</h1>
<h1>年龄:{
{person.age}}</h1>
<h1>薪资:{
{person.job.job1.salary}}w</h1>
<button @click="person.name+='~'">修改姓名</button>
<button @click="person.age++">修改年龄</button>
<button @click="person.job.job1.salary++">涨薪</button>
</template>
<script>
import { reactive } from 'vue'
export default {
name: 'Demo',
components: {},
setup() {
let person = reactive({
name: "sh",
age: 18,
job: {
salary: 10,
job1: {
salary: 20,
}
}