Javascript 如何分离vuex模块而不分离该模块的状态、变异、获取者

这是什么意思

我想将模块创建为单个文件。这意味着我要创建一个模块文件，其中包含所有内容：状态、突变、getter和操作

让我们看看代码，以及我试图做的事情：

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
  }
});

const global = {
    state: {
        mobileView: false
    },

    mutations: {
        setMobileView: (state) => state.mobileView = true
    },

    getters: {
        getMobileView: (state) => state.mobileView
    }
}

export default global;

store/modules/global.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
  }
});

const global = {
    state: {
        mobileView: false
    },

    mutations: {
        setMobileView: (state) => state.mobileView = true
    },

    getters: {
        getMobileView: (state) => state.mobileView
    }
}

export default global;

这段代码的一切都很好-0个错误

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

---

事实上我不知道为什么这不起作用。或者，创建只在一个文件中包含所有内容的模块是否是一种好的做法。

我在这里分享它时非常激动人心。这只是开发工具的一个问题，在重新加载之后，一切都正常-对。但是在这里调用

Vue.use（Vuex）

也不是常见的做法，而是在

main.js

中调用其他Vue插件