Vue ref和reactive

示例代码：

<template>
  <div>
    <p>信息: 姓名-{{ person.name }}，年龄-{{ person.age }}</p>
    <p>年龄：{{ age }}</p>
    <button @click="addAge">+1</button>
  </div>
</template>

<script>

import {ref, reactive} from 'vue'

export default {
  setup() {
    const age=ref(20)
    const person=reactive({name:'zhangsan',age: 20})

     function addAge() {
      age.value++
      person.age++
    }

    return {
      age,
      person,
      addAge
    }
  }
}
</script>