vue中sessionStorage存储的用法和问题

存：

sessionStorage.setItem("signoutShow",this.signoutShow);

 

取：

this.signoutShow = sessionStorage.getItem('signoutShow');

 

vue中因为页面刷新会致使有些参数被清空，用sessionStorage存储数据通常是在  beforeMount() 挂载前取，  beforeUpdate() 更新渲染时存：

  beforeMount() {
    this.signoutShow = sessionStorage.getItem('signoutShow');
  },
  beforeUpdate() {
    sessionStorage.setItem("signoutShow",this.signoutShow);
  }

【注】sessionStorage 存储数据通常为对象，当存储值为 true/false 时，会发现存取均可以获得正确的值，可是页面渲染的结果不对，这是由于存储的类型为字符串类型，而 true/false 为bool 类型， sessionStorage.getItem('signoutShow'); 取值的时候会获得带引号的值，好比说"true" / "false" ，那么这时候就须要用 JSON.parse 转换一下类型就行了

  beforeMount() {
    var signoutBool = sessionStorage.getItem('signoutShow');
    this.signoutShow = JSON.parse(signoutBool);
  }