Nuxt.js自定义存储文件夹

时间:2018-08-23 11:56:16

标签: vue.js vuex nuxt.js

我尝试更改默认情况下nuxt.js使用的vuex存储路径。我希望我的商店路径为“模块/我的模块/商店/store.js”。有什么办法可以做到吗?还是我可以通过某种方式将模块存储从nuxt模块文件添加到现有存储中?

1 个答案:

答案 0 :(得分:2)

是的,您可以使用registerModule函数动态注册存储模块。

假设您有您的 my-module 模块,而内部有index.vue文件。在该文件中,您可以这样注册模块的存储:

import store from './store'; //import your module store
export default {
  name: 'my-module',
  computed: {
    ...
  },
  created() {
    this.$store.registerModule('myModuleStore', store);
  },
  mounted() {
    this.$store.dispatch('myModuleStore/someAction'); //example of action for your module's store
  },
};

我向您推荐这篇medium文章,其中提出了一些不错的vue.js应用程序结构,包括存储模块,其中显示了如何注册私有模块