登录状态保存
应用场景,一般用户登录之后会从登录注册变成欢迎你,用户名这里用个v-if就可以了,不说这个,这个用sessionStorage可以存储,如果不用vuex的话直接在登录组件中点击登录方法之后
sessionStorage.setItem(“user”, “res.data.user”);
在需要使用的地方sessionStorage.getItem(“lastname”);就可以了,
vuex内保存sessionStorage先说一下流程
1)在登录界面中
接收后台传过来的数据并赋值
var user_msg=res.data.user;
//调用gologin 去改变store中的数据,调用gologin方法,commit提交
this.$Store.commit('gologin',user_msg)
2)在stour的index.js中写了俩个对象,一个用来存user,一个用来存session,
//在gologin方法中赋值的同时定义数据的时候也需要赋值一次session,不然会导致刷新网页之后你的session存在但是不会显示出来,
user_session:sessionStorage.getItem("user"),
user:'',
需要一提的是sessionStorage只能存字符串,像对象之类的复杂数据需要用JSON对象的stringify和parse来处理,在这里我把对象用stringify序列化成string类型的字符串,之后用的时候会再进行处理
mutations :{
//登录改变user状态
gologin