【已解决】vue3的reactive赋值，数据不能动态改变的问题

vue3的reactive赋值，数据不能动态改变的问题

问题描述：

当有数据
const data = reactive({age:15,sex:'女'})
此时新来了一个变量
const param = {age:16,sex:'女'}
想要将data1的值赋值给data。
若data=data1便不能动态修改data的值

解决办法：

将const data = reactive({age:15,sex:'女'}) 改写成：

const data = reactive(
	info : {
		age:15,
		sex:'女'
	})

再将data1赋值给data.info,即：

data.info = data1

此时便可以通过修改data.info的值来达到动态修改data的值

用途

目前可用于axios后端请求返回的数据赋值 以及 一个url地址携带一个页面的参数需要给另一个页面的变量赋值