为什么 Vue 看不到 vuex？

Question

我使用微前端 single-spa (https://single-spa.js.org/) 我创建了一个商店

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

Vue.use(Vuex)

export default new Vuex.Store({
 state: {
 count: 0
},
mutations: {

}
})

在src/main.js 我导入它

import Vue from 'vue';
import singleSpaVue from 'single-spa-vue';
import 'devextreme/dist/css/dx.light.css';
import App from './App.vue';
import store from './store';
console.log(" ~ file: main.js ~ line 6 ~ store", store)

Vue.config.productionTip = false;
Vue.prototype.$bus = new Vue();

const vueLifecycles = singleSpaVue({
 store,
 Vue,
 appOptions: {
  render(h) {
  return h(App, {
    store,
    props: {
    },
  });
 },
},
});

export const bootstrap = vueLifecycles.bootstrap;
export const mount = vueLifecycles.mount;
export const unmount = vueLifecycles.unmount;

在console.log商店显示，但在应用cnsole.log(this)中不包含商店

我不明白我哪里连接错了？

Answer 1

根据 docs，store 应该是 appOptions 的子属性：

const vueLifecycles = singleSpaVue({
  // store, ❌
  Vue,
  appOptions: {
    store, ✅
    render(h) {
      return h(App, {
        // store, ❌
        props: {},
      })
    },
  },
})

为什么 Vue 看不到 vuex？

Why Vue doesn't see vuex?

vue.js

vuex

vuejs2