如何分离vuex模块而不分离该模块的状态，变异，吸气剂

问题描述

标题意味着什么？

我想将模块创建到单个文件中。这意味着我想创建一个包含所有内容的模块的单个文件：状态，变异，获取器和操作。

让我们看看代码和我尝试做的事情：

store / index.js

import Vue from 'vue'
import Vuex from 'vuex'

import global from "./modules/global";

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    contactInfo: false
  },mutations: {
    showContactInfo: state => state.contactInfo = true
  },getters: {
    getContactInfo: state => state.contactInfo
  },actions: {
  },modules: {
    global
  }
});

商店/模块/global.js

const global = {
    state: {
        mobileView: false
    },mutations: {
        setMobileView: (state) => state.mobileView = true
    },getters: {
        getMobileView: (state) => state.mobileView
    }
}

export default global;

这段代码一切正常-0错误

但是当我打开vue开发工具时，进入vuex选项卡，我可以看到“全局”的状态只是一个空对象。

实际上我不知道为什么这不起作用。还是创建仅包含一个文件中所有内容的模块的一种好习惯。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）