Vue中使用sessionStorage保存用户数据

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
提示: 如果你想在浏览器窗口关闭后还保留数据，可以使用 localStorage 属性， 改数据对象没有过期时间，今天、下周、明年都能用，除非你手动去删除。

使用步骤

首先创建方法

const sessionStorage = window.sessionStorage;
export default {
  getItem (key) {
    try {
      return JSON.parse(sessionStorage.getItem(key));
    } catch (err) {
      return null;
    }
  },
  setItem (key, val) {
    sessionStorage.setItem(key, JSON.stringify(val));
  },
  removeItem (key) {
    sessionStorage.removeItem(key);
  },
  clear () {
    sessionStorage.clear();
  }
}

然后在js中引入

import { sessionStorage } from 'src/assets/js/storage';

调用方法

sessionStorage.setItem('XXXX', xxxx)
sessionStorage.getItem('XXXXX')

注意：调用时需要数字的话需要把字符串转一下

 parseInt(sessionStorage.getItem('XXXX').toString())