vue.js - 具有多个模块的 Vuex rootActions

Question

我在客户端有一个 vuejs，我使用 vuex 进行状态管理。我有几个模块（在单独的文件中），但其中一些模块具有非常相似的操作，这就是我想创建干代码的原因。

我的目标：创建一个根操作，每个模块都可以调用它。

我的主要 vuex 看起来像这样：

export default new Vuex.Store({
  actions: {
    rootactions,
  },
  modules: {
    users,
    classes,
    studentgroups,
    // ... other stuff
  }
})

我应该如何参考 rootactions 方法？

感谢您提前回复！

Answer 1

“要在全局命名空间中调度动作或提交突变，请将 { root: true } 作为第三个参数传递给调度和提交。”

{根：真}

https://vuex.vuejs.org/guide/modules.html

Answer 2

如何使用常用操作创建一个单独的文件 RootActions.js

export default {
    action1: () => {
        //
    },
    action2: () => {
        //
    },
}

然后将其导入您的模块文件中，例如 User.js

import RootActions from './RootActions'

const state = {
    // state object
}

const mutations = {
    // mutations object
}

const actions = {
    // actions object
}

export default {
  namespaced: true,
  state,
  mutations,
  actions: Object.assign(RootActions, actions)
}