vuex
- vue 自带数据储存插件,Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是,Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据,只要一刷新页面,数据就丢失了。
- 可以引入 vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中。
localStorage
- 生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除 localStorage 信息,否则这些信息将永远存在。
sessionStorage
- 生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过 sessionStorage 存储的数据也就被清空了。
Vue.ls
- 用于从Vue上下文中使用本地存储,会话存储和内存存储,存储位置可配 (session, local, memory)