变异数组 Vuex

【问题标题】：Mutating Arrays Vuex变异数组 Vuex
【发布时间】：2017-01-26 19:21:45
【问题描述】：

以下突变不起作用：

const mutations = {
  [types.UPDATE_IMG_URLS] (state, newArray) {
    state.imageUrlArray.concat(newArray)
  },
(...)
}

但是这个是：

const mutations = {
  [types.UPDATE_IMG_URLS] (state, newArray) {
    state.imageUrlArray = state.imageUrlArray.concat(newArray)
  },
(...)
}

我认为数组和对象是在 Javascript 中通过引用传递的。 Vuex 会干预这种行为吗？

【问题讨论】：

【解决方案1】：

concat 方法不会改变现有数组，而是返回一个新数组。这就是为什么您需要用新返回的数组主动覆盖state.imageUrlArray。

如果出于某种原因，您想进行适当的突变，您应该可以这样做：state.imageUrlArray(state.imageUrlArray, newArray)

【讨论】：