vue获取或者改变vuex中的值方式_vue.js_

import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { isLogin:localStorage.getItem("isLogin")?localStorage.getItem("isLogin"):false,//判断是否登录 }, mutations: { //判断是否登录 setLogin(state,payload){ state.isLogin=payload localStorage.setItem("isLogin",state.isLogin) }, //退出登录 logout(state){ console.log("[退出登录]",state) state.isLogin=false localStorage.clear();//清除本地缓存 } }, actions: { getLogin(context,payload){ context.commit("setLogin",payload) } }, modules: { } }) 

this.$store.commit('set_userName',res.data.data.username)

userName:localStorage.getItem('userName') ? localStorage.getItem('userName') : '',

set_mobile(state,mobile){ state.mobile=mobile localStorage.setItem('mobile', mobile); },

this.$store.state.userName;

this.$store.commit('set_userName',this.newName)

watch:{ '$store.state.userName':function(){ //监听vuex中userName变化而改变header里面的值 this.userName=this.$store.state.userName; } },