vuex | store存储后刷新页面数据丢失

页面刷新后,store存储的信息就无法获取到,因为刷新之后,vue实例被重新加载,store被重置,所以需要用本地存储。

推荐使用sesstionStorage存储,在当前浏览器窗口关闭后自动删除。

const state = {
    userInfo: JSON.parse(sesstionStorage.getItem('userInfo') || {}
}
const mutations = {
    SET_USERINFO: (state, data) => {
        state.userInfo = data;
        sesstionStorage.setItem('userInfo', JSON.stringify)
    }
}

你可能感兴趣的:(javascript,前端,vue.js)