假设我正在使用与Machine对象一起使用的外部API 。您可以创建一个Machinewith createMachine，它将为您提供一个具有多个嵌套属性的复杂对象，以及一组用于更改该对象状态的函数。API提供例如：loadMemory，sleep，connectDevice。（想象一下类似的事情，这只是一个例子）。
我想维护一个全局VuexMachine对象，所以我有一个动作来分派初始创建并存储返回的对象，就像：
actions: {
createChannel({ commit, state }, params) {
m.createMachine(params).then(
function (newMachine) {
commit('setMachine', newMachine);
}
).catch(err => { console.error("Error"); } )
}
}
在这种情况下，该突变非常简单：
setMachine(state, machine) {
state.machine = machine;
}
现在我们已经为“ Machine”对象设置了API，我们知道有许多状态修改调用-我们不知道它们会更改哪些特定字段。当它们修改状态时，我想用它们来影响MachineVuex存储中的全局对象，所以我想将它们包装在action中。
一个动作可以调用
this.state.machine.loadMemory(mem.addr)
但是，如果此调用本身修改了machine对象，则如何提交新状态？我应该克隆旧对象，应用状态更改方法并替换对象吗？
我知道克隆并非易事。
谢谢。
您可以重新安装您的复杂对象。根据示例，该突变可能是：
loadMemory(state, newAddr) {
const { machine } = state;
state.machine = {
...machine, // set all machine's properties
addr: newAddr,
};
}
它适用于您需要的任何级别的嵌套对象。另一个例子：
loadMemory(state, newValue) {
const { machine } = state;
const { machineObjProp } = machine;
state.machine = {
...machine, // set all machine's properties
machineObjProp: {
...machineObjProp, // set all machineObjProp's properties
value: newValue,
},
};
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句