vue.js - 将 Vuex 操作分解为多个文件

Question

我已经在使用模块将我的 Vuex 存储分解为单独的文件，但想知道是否以及如何将存储操作再次分解为多个文件？

某些上下文 - 我在基于 Vue 的 Electron 应用程序中有一个 Products 商店。在这里，我有多种方法可以从本地数据库加载产品，在本地数据库中没有产品时下载产品，并在本地数据库中更新产品。所以我相信您可以想象，我在这个存储文件中的操作变得相当大。

到目前为止，我已经尝试将它们分成 2 个文件，initial 和 update，然后将它们导入并合并，如下所示:

inital.js:

export default {
    // My methods
}

更新.js:

export default {
    // My methods
}

products.js(商店模块):

import initialActions from './actions/intial';
import updateActions from './actions/update';

const actions = Object.assign(initialActions, updateActions);

现在当我调用它们时，state、dispatch、commit 没有定义。所以我有点卡住了，有点不愿意将它们合并回商店文件。

结构:

- store
  - modules
    - products
      - products.js
      - actions
        - initial.js
        - update.js

Answer 1

Action 1

export default { //methods }

Action 2

export default { //methods }

Action .js

import 'action1.js'
import 'action2.js'    
export default { ...action1, ...action2 }

突变和 setter/getter 也是如此。