javascript - 添加新对象替换旧对象的内容 - VueJS Store

Question

我使用以下代码将新对象插入数组“items”中。但问题是，当我插入一个新对象时，它会替换之前添加的对象的内容。这样，即使添加的对象不同，也始终包含相同的对象。

我听说这是由于使用了“push”，它也传递了引用。我该如何解决这个问题，VueJS

Store.js

var store = new Vuex.Store({
  state: {
    value: 1,
    quote: {
      items: [],
      something: ''
    }
  },
  mutations: {
    ADD (state, item) {
      state.quote.items.push(item)
    }
  }
})

Answer 1

而是使用 spread operator ,

mutations: {
  ADD (state, item) {
    state.quote.items = [...state.quote.items, Object.assign({}, item)]
  }
}

是否不需要展开运算符，您可以这样做:

mutations: {
  ADD (state, item) {
    state.quote.items.push(Object.assign({}, item))
  }
}