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);
  }