vue3中当用reactive()中定义的对象再次赋值，页面不会自动更新解决方法

vue3中当用reactive()中定义的对象再次赋值，页面不会自动更新的解决方法

第一种方法：将reactive换成ref，即可实现页面随时刷新：

let detailObj = ref({});
    watch(dialogVisible, async newValue => {
    if (newValue) {
    const params = {
    	id:detailId.value 
    };
    const res = await api.logManage.operationLogDetail(params);
        if (res.code === api.code.SUCCESS) {
        detailObj.value = res.data;
        }
    }
});

第二种方法：在定义reactive的时候，定义属性名，在后期赋值的时候，对属性名进行赋值；

let detailObj = ref({message:{}});