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)

---

其他相关资料

• vuex存储和本地存储(localstorage、sessionstorage)的区别