[ 前端框架/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 同理