Vuex -不改变原始存储对象的存储对象

Question

我试图复制一个store对象进行本地转换，但我的修改函数也改变了原始store对象。我正在使用...mapState["storeObject"]

这基本上就是正在发生的事情：

state.storeOjb = "original value" 
this.local = storeOjb ;
this.local = "altered version of storeOjb"

storeOjb === "original value" // false -- why?

Answer 1

我不太清楚你到底有什么问题。但您可以通过以下方式删除对象突变

this.local = Object.assign({}, storeObj)

Vue

在Vue JS中，对于本地更改，您可以使用storeObj的计算属性。

computed: {
  localValue: function() {
    return { ...storeObj, newChange: true }
  }
}

Answer 2

它传递了一个对象引用，因为当您更改this.local的值时，state.storeOjb也会更改，因为您的代码为this.local = storeOjb。因此，您可以像this.local = storeOjb + ""一样更改代码，因此我们只能复制值，而不能复制对象引用。