vuex中mapState和mapMutations用法

1.新建store->index.js文件

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

Vue.use(Vuex)

const store = new Vuex.Store({
	state: {
		/**
		 * 是否需要强制登录
		 */
		forcedLogin: false,
		hasLogin: false,
		userName: "",
		test: "",
	},
	mutations: {
		test(state, test) {
			state.test = test;
		},
		login(state, userName) {
			state.userName = userName || '新用户';
			state.hasLogin = true;
		},
		logout(state) {
			state.userName = "";
			state.hasLogin = false;
		}
	}
})

export default store

2.main.js中注册store

3.在关联的显示页面(main.vue)引用状态变量