vue3中的reactive赋值问题

问题

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

解决方法

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

方法1: 单个赋值

如下：

代码语言：javascript复制

let obj = reactive({
	name: 'zhangsan',
	age: '18'
})

某个方法(){
	obj.name = "123";	
}

方法2: 再套一层属性

如下：

代码语言：javascript复制

let obj = reactive({
	data: {
		name: 'zhangsan',
		age: '18'
	}
})

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

data vue3 变量 响应式

0 人点赞