如何在vuex nuxt中获取嵌套的吸气剂

Question

我有store/index.js这样的人

new Vuex.Store({
  modules: {
    nav: {
      namespaced: true,
      modules: {
        message: {
          namespaced: true,
          state: {
            count: 0,
            conversations: [],
          },
          getters: {
            getCount: state => {
              return state.count;
            },
          },
          mutations: {
            updateCount(state) {
              state.count++;
            },
          },
          actions: {},
        },
        requests: {
          namespaced: true,
          state: {
            friends: [],
          },
          getters: {
            getFriends: state => {
              return state.friends;
            },
          },
          mutations: {
            pushFriends(state, data) {
              state.friends.push(data);
            },
          },
          actions: {
            pushFriends(commit, data) {
              commit('pushFriends', data);
            },
          },
        },
      },
    },
  },
});

我想在我已经像这样测试过的计算属性中使用吸气剂

computed: {
    ...mapGetters({
      count: 'nav/message/getCount',
    }),
  },

对接出错

[[vuex]未知吸气剂：导航/消息/ getCount

这里缺少什么

我也想为每个模块（如我的导航）创建单独的文件夹，其中有3个模块message, requests & notifications

我确实尝试过，但是nuxt炸毁了我的代码

Answer 1

我认为您的索引是错误的，正确的做法是将模块分开，如下所示：

在您的商店/index.js中