关于vuex引入和使用方法

在vuex目录下创建一个index.js的文件

首先引入vuex组件前先引入vue核心组件

import Vue from 'vue'

然后引入vuex模块

import Vuex from 'vuex'

调用vuex使用方法

Vue.use(Vuex)

接着引入state、actions、mutations、getters组件模块

最后通过Vuex.Store实例化的对象并且导出该组件

完整文件代码：

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

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

Vue.use(Vuex)

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

在main.js入口文件引入index.js组件

import store from './vuex'【index已省略】

并调用

new app({
	router: router,
	template: '<App/>',
	store,
	components: { App }
}).$mount('#app')

然后在其他组件需要哪些组件则通过选择性引入就可以了
import { mapGetters, mapActions, mapMutations, mapState } from 'vuex'; //引入辅助函数，拿去挂载后就可以用了。
​