vuex、localStorage、sessionStorage 存储区别

简介: vuex、localStorage、sessionStorage 存储区别

vuex

  • vue 自带数据储存插件,Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是,Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据,只要一刷新页面,数据就丢失了。
  • 可以引入 vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中。

localStorage

  • 生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除 localStorage 信息,否则这些信息将永远存在。

sessionStorage

  • 生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过 sessionStorage 存储的数据也就被清空了。

Vue.ls

  • 用于从Vue上下文中使用本地存储,会话存储和内存存储,存储位置可配 (session, local, memory)

其他相关资料

相关文章
|
8天前
|
存储
存储对象sessionStorage与localStorage
存储对象sessionStorage与localStorage
21 0
|
27天前
|
存储 缓存 JavaScript
cookie、localStorage 和SessionStorage的区别和特点?
cookie、localStorage 和SessionStorage的区别和特点?
12 0
|
5月前
|
缓存 JavaScript
vue使用localStorage缓存数据
vue使用localStorage缓存数据
|
5月前
|
存储 JSON 数据格式
localStorage和sessionStorage的使用和区别
localStorage和sessionStorage的使用和区别
34 0
localStorage和sessionStorage的使用和区别
|
8月前
|
存储 JavaScript 前端开发
js本地存储localStorage和sessionStorage
js本地存储localStorage和sessionStorage
|
9月前
|
存储 前端开发
cookie、localStorage和sessionStorage三者的区别
cookie、localStorage和sessionStorage三者的区别
88 0
|
9月前
|
存储 缓存 前端开发
前端存储之sessionStorage和localStorage
前端存储之sessionStorage和localStorage
178 0
|
10月前
|
存储 移动开发 JavaScript
js本地存储(localStorage)和(sessionStorage)
js本地存储(localStorage)和(sessionStorage)
179 0
|
存储 数据采集 Web App开发
【前端】localStorage与sessionStorage的使用和区别
localStorage与sessionStorage的使用和区别
170 0
【前端】localStorage与sessionStorage的使用和区别
|
存储 JavaScript 前端开发
原生JavaScript实现本地存储(localStorage)和会话存储(sessionStorage)
本地存储和会话存储的目的,是将所输入的文件存入到浏览器中,在需要的时候,直接调用,但是本地存储和会话存储有着一定的区别,本地存储,在不主动删除的情况下,会一直保留在浏览器中,会话存储是,当前保存的内容,页面刷新还会保留在浏览器中,但是关闭页面在打开时,会发现没有数据了。这是他们两的用处和区别。
351 0