vue3中的reactive赋值问题

问题

当通过方法对reactive变量修改的时候，发现页面上的值没有及时更新？

解决方法

具体原因: 上面这样赋值检测不到，因为响应式的是它的属性，而不是它自身.

方法1: 单个赋值

如下：

let obj = reactive({name: 'zhangsan',age: '18'
})某个方法(){obj.name = "123";	
}

方法2: 再套一层属性

如下：

let obj = reactive({data: {name: 'zhangsan',age: '18'}
})某个方法(){obj.data= {name: 'zhangsan',age: '18'}	
}