Vue.js Vue 3仅对深度变化作出一次反应
我有一个深层嵌套的数据,用于呈现我的Vue 3应用程序。我的反应状态是这样的Vue.js Vue 3仅对深度变化作出一次反应,vue.js,vuejs3,vue-reactivity,Vue.js,Vuejs3,Vue Reactivity,我有一个深层嵌套的数据,用于呈现我的Vue 3应用程序。我的反应状态是这样的 从“vue”导入{reactive}; 从“/snapshot”导入快照; 导出常量状态=无功({ 快照:快照 }); 我的观察者是这样的 从“vue”导入{watch}; 从“@/store/state”导入{state}”; const consoleLog=()=>{ console.log(“我有反应”); }; 监视([state.snapshot.data[0].data.elements[0]],控制台
从“vue”导入{reactive};
从“/snapshot”导入快照;
导出常量状态=无功({
快照:快照
});
我的观察者是这样的
从“vue”导入{watch};
从“@/store/state”导入{state}”;
const consoleLog=()=>{
console.log(“我有反应”);
};
监视([state.snapshot.data[0].data.elements[0]],控制台日志{
深:是的
});
当我更改快照观察程序中的第一个(或任何)元素时,观察程序将作出反应,控制台将输出“我已作出反应”。但在我更改父对象上的任何内容之前,下面的任何更改都不会起作用
我在这里遗漏了什么?不确定,但在我看来,您只是在以设置观察者的方式观察第一个元素。也许可以尝试使用整个
元素数组作为观察对象?我不能在这里重现这个问题