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