vuex的使用

一，定义变量的使用和定义
1,安装  npm install vuex
2,创建，引入：在src目录下创建vuex目录便于集中管理，创建store.js文件，store.js文件中：

			import Vue from 'vue';
			import vuex from 'vuex';
			Vue.use(vuex);
			//创建一个常量
			const state={
				isRed:false,
				num:0
			}
		    //抛出能让全局使用
			export default new vuex.Store({
				state
			})

3，main.js中全局引入定义：

			//引入
			import store from '@/vuex/store'
			//挂载
			new Vue({
				el: '#app',
				router,
				store,
				components: {App},
				template: '<App/>'
			})

4,在文件中使用变量：

	$store.state.isRed

二，调用方法修改变量：
1，同样在store.js中定义变量方法名 mutations:

		const mutations={
			//传入的state的值代表上面定义的变量
			addCount(state){
				state.num++
			}
		}
		//同样抛出全局使用
		export default new vuex.Store({
			mutations
		})

2,页面调用方法使用

	@click='$store.commit('addCount')'