【vue3】优雅的解决reactive()响应式对象初始化重新赋值问题

const param = reactive ({
    a: 1,
    b:2,
    c:3
})
 
param = {
    a:4,
    b:5,
    c:6
}
 
直接重新赋值会导致param响应式丢失，不能监听到变化了

用reactive 需要修改参数用

param.a = 4 .....

这样一个个点的写法，才能有效果，

可以改一个写法，使用ref

const param = ref ({
    a: 1,
    b:2,
    c:3
})
 
param.value = {
    a:4,
    b:5,
    c:6
}
 
其实有一种更简单的写吧对reactive进行赋值

const param1 = {
    a: 4,
    b:5,
    c:6
}

操作Object.assign(param,param1) 直接进行赋值改变。