ecmascript-6 - Vuex如何声明恒定的根突变

Question

所以我有一个与下面的示例非常相似的应用程序结构 https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart

但是，那里没有定义根突变。我需要创建一个，因为我必须更新在 vue-tables-2 中动态创建的状态。

在我的 mutation-types.js 中，我将突变的名称声明为

export const UPDATE_CLIENTTABLE = 'UPDATE_CLIENTTABLE'

但是，我不确定如何在 mutation.js 中编写突变。没有定义模块，因为状态是由 vue-tables-2 动态创建的。我正在做类似下面的事情，但它不起作用

[types.UPDATE_CLIENTTABLE] (state, data) {
    state.ClientTableLine.data = data
}

Answer 1

您需要在您的 mutation.js 文件中导出您的突变

export const [types.UPDATE_CLIENTTABLE) = (state, data) => {
  state.ClientTableLine.data = data
}

然后将其导入您的 vuex 设置

import * as mutations from './mutations'
export default new Vuex.Store({
  mutations,
  actions,
  getters,
  modules: {
    cart,
    products
  },
  strict: debug,
  plugins: debug ? [createLogger()] : []
})

这是假设您的 vuex 设置取自购物车示例