vue3响应式数据失败，不知道问题在哪

Question

vue3 reactive丢失了响应性。
如下代码所示：

import {ref,reactive} from 'vue'
const  pageNum = ref(-1)
const obj = reactive(
    {
        name:'bajie',
        age:pageNum.value++
    }
)
const handleReactive=()=>{
    obj.name='wukong'
    pageNum.value++

}

上述代码在setup语法糖中，模板上展示，姓名能够更改，但是年龄却没有改变一直显示-1，为什么呢？期待解惑

Answer 1

你修改的是pageNum，又没有修改age，当然一直是-1啊，你应该把obj改成

const obj = reactive(
{
name:'bajie',
age:pageNum
}
)