配置vuex

创建如下文件

微信截图_20181203010245.png

在store文件中，导入以下配置项

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

import state from './state'
import mutations from './mutations'
import actions from './actions'
import state from './getters'

Vue.use(Vuex);

export default new Vuex.Store({
      state,
      mutations,
      actions,
      state
})

由于Vuex是在全局范围内使用的，因此在全局范围内也要导入该Vuex
所以main.js中进行如下配置

import store from './store'
new Vue({
    el:'#app',
    router,
    store
})