javascript - 如何在Vuex中导出模块

Question

我想导出 Vuex 模块，如下所示:

export {
    state,
    mutations,
    actions,
    getters
}

但是当我尝试将其包含在我的索引文件中时，它会抛出错误。类型不兼容的东西。我认为我应该指定上述对象的类型，但我不知道它是什么类型。

import * as itemsModule from './app/store/items/module'

let store = new Vuex.Store({
    modules: {
        items: itemsModule
    }
});

抛出:

is not assignable to parameter of type 'StoreOptions<{}>'. Types of property 'modules' are incompatible.

问候

Answer 1

您导入和导出的方式不正确。试试这样:

module.js

export default {
    state,
    mutations,
    actions,
    getters
}

store.js

import itemsModule from './app/store/items/module' 

说明: 通过导入模块的方式，您得到了这种对象:

{
  default: {
    actions: {/** ... */}
    getters: {/** ... */}
    mutations: {/** ... */}
    state: {/** ... */}
  }
}

这不是商店期望的模块结构。