Vuex存储的多个实例

要在一个应用程序中使用多个VUEX实例，请在每个组件中以统一方式实例化并导出VUEX STORE。以下是一个简单的示例：

// store1.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store1 = new Vuex.Store({
  state: {
    ...
  },
  mutations: {
    ...
  },
  actions: {
    ...
  }
});

// store2.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store2 = new Vuex.Store({
  state: {
    ...
  },
  mutations: {
    ...
  },
  actions: {
    ...
  }
});

在您的组件中，您可以像下面这样引入您的STORE：

import { store1 } from './store1';
import { store2 } from './store2';

// 使用store1或store2存储
computed: {
  myState() {
    if (this.useStore1) {
      return store1.state.someState;
    }
    else {
      return store2.state.someState;
    }
  }
}

请注意，在上面的代码中，我们使用了计算属性来动态选择要使用的存储实例。