如何在nuxt 2.10中实现vuex模块

时间:2019-11-19 06:41:38

标签: vuejs2 vuex nuxt.js nuxt vuex-modules

我阅读了nuxt文档 首先,它说您不需要自己创建商店,只需要在store文件夹中创建index.js,现在商店将变为活动状态! 但是我的问题是,如果我想使用vuex模块,我需要编写如下内容: 首次导入Vuex 然后:

import Vuex from 'vuex';
import one from './modules/one';
import two from './modules/two';

const createStore = () => {
  return new Vuex.Store({
    namespaced: true,
    modules: {
      one: one,
      two: two,
    }
  });
};

export default createStore;

但是问题是nuxt告诉我们不要创建“新的Vuex.Store”。 有没有明确的示例说明如何在nuxt中实现名称空间和模块?

我知道这个问题是重复的,但是由于nuxt文档,我认为答案不是正确的答案。

1 个答案:

答案 0 :(得分:1)

我了解您需要在classic mode and the the modules mode

之间进行选择的文档

在经典模式下,您可以自己创建商店实例:

  

经典(不建议使用):store / index.js返回创建商店实例的方法。

但是您只有index.js并且是您自己的。

另一个选择是您输入将名为shoppingcart.js的文件放到store/文件夹中,它会自动变为包含shpiiüingcartshoppingcart/state等的模块shoppingcart/action

您只需要使用正确的名称导出模块的各个部分。