vue-cli vuex全局存储store.js

代码仅供参考，不懂回来看看

import {
	createStore
} from 'vuex'

export default createStore({
	state: {
		token: '', //用户身份  正常置空，为了能够进入
		loginState: false, //登录状态，默认未登录false
		username: '',//账户名
		loginToken:''
	},
	getters:{
	   loginState(state){
	        if(!state.loginState||state.loginState==''){
	            state.loginState = localStorage.getItem('loginState');
	        }
	        return state.loginState;
	    },
		token(state){
		     if(!state.token||state.token==''){
		         state.token = localStorage.getItem('token');
		     }
		     return state.token;
		 },
		username(state){
		      if(!state.username||state.username==''){
		          state.username = localStorage.getItem('username');
		      }
		      return state.username;
		  },
		 loginToken(state){
		        if(!state.loginToken||state.loginToken==''){
		            state.loginToken = localStorage.getItem('loginToken');
		        }
		        return state.loginToken;
		    }
	},
	mutations: {
		['setToken'](state, token) {
			localStorage.setItem("token", token);
			state.token = token;
		},
		['setLoginState'](state, loginState) {
			localStorage.setItem("loginState", loginState);
			state.loginState = loginState;
		},
		['setUsername'](state, username) {
			localStorage.setItem("username", username);
			state.username = username;
		},
		['setLoginToken'](state, loginToken) {
			localStorage.setItem("LOGIN-TOKEN", loginToken);
			state.loginToken = loginToken;
		},

	},
	actions: {},
	modules: {}
})

调用

this.$store.state.username
this.$store.getters.username