将Vuex添加到我的项目后,我无法在任何组件中访问this。$ store。错误消息是
TypeError:_this。$ store未定义
我已经看过很多问题,试图解决这个问题,但据我所知,我所做的一切正确。有人可以帮忙吗?我正在使用vue-cli Webpack作为我的项目基础
main.js:
import Vue from 'vue';
import resource from 'vue-resource';
import router from './router';
import store from './store/index.js';
import App from './App';
import Home from './components/Home';
import NavButton from './components/atoms/NavButton';
Vue.use(resource);
Vue.config.productionTip = false;
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
store,
components: { App, Home, NavButton },
template: '<App/>'
})
Run Code Online (Sandbox Code Playgroud)
/store/index.js:
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const state = {
isWriting: false,
isLoggedIn: false,
}
const getters = …Run Code Online (Sandbox Code Playgroud)