在vue中使用vuex和sessionStorage登录信息

1、节选

  • sessionStorage 属性允许你访问一个 session Storage 对象。
    它与 localStorage 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
  • 页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面时会在顶级浏览上下文中初始化一个新的会话,这点和 session cookies 的运行方式不同。
    2、代码节选
    store.js
import  Vue from "vue";
import  Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.store({
    state: {
        LoginUser: sessionStorage.getItem('LoginUser') 
        ? JSON.parse(sessionStorage.getItem("LoginUser"))
        : null

    },
    mutations: {
        initUser(state, payload) {
            state.LoginUser = payload;
        }
    },
    actions: {}
});

login.vue

在这里插入图片描述
3、对于Vue中数据存储方面自己还是不是很能理解完全,还需努力

原文链接:加载失败,请重新获取