[ 前端框架/VUE ] vue 之 storage 緩存 (localStorage&sessionStorage)

localStorage

存儲數據

  localStorage.setItem('storeName', 'storeValue')

取出數據

  localStorage.getItem('storeName')

刪除數據

  localStorage.removeItem('storeName')

更新數據

  localStorage.setItem('storeName', 'newStoreValue')

sessionStorage

存儲數據

  sessionStorage.setItem('storeName', 'storeValue')

取出數據

  sessionStorage.getItem('storeName')

刪除數據

  sessionStorage.removeItem('storeName')

更新數據

  sessionStorage.setItem('storeName', 'newStoreValue')

不同點

作用時間不同：localStorage除非主動刪除，否則一直存在；sessionStorage在會話完畢之后就刪除。

注意點

// 如果想用storage存儲對象的話，請這樣使用
// 存儲時
localStorage.setItem('storeName', JSON.stringify(Obj))
// 取值時
JSON.parse(localStorage.getItem('storeName'))
// sessionStorage 同理