问题描述:
今天启动之前用vue2做的前后端分离的项目,我使用的是vuex来保存共享数据域,但是前端控制台报错this.$store
undefined,进行log方法将vue实例打印到控制台,在main.js文件中打印vue实例,该实例中并没有挂载的$store;
已经排除的错误:
1、并非是vue和vuex的版本对应问题,当前项目使用的是vue2.x和vuex3.x
2、并非是this的只想问题,因为控制台打印全局vue实例,控制台显示没有挂载$store
3、Store接口暴露,并且在main.js正确引入
主要代码
main.js
import Vue from "vue";
import App from "./App";
import router from "./router";
import Vuex from "vuex";
import store from "./store";
Vue.use(Vuex);
var vm = new Vue({
store,
router,
render: (h) => h(App),
}).$mount("#app");
console.log("store注入成功了吗?");
console.log(vm);
console.log(vm.$store);
console.log(store);
store/index.js
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
state: ""
});
真的没有什么debug思路了,有没有同学帮助看一看,怎么解决呢?