Vuex+localStorage数据状态持久化 | vue localstorage vuex
前言在前面文章中,我们详细的讲述了Vuex相关的知识,没有了解的小伙伴可以先去了解一波:《Vuex是什么?Vuex能做什么?Vuex怎么使用?》[1]这篇文章主要是讲讲如何使Vuex数据持久化?顾名思义,浏览器想要数据持久化,必须用到localStorage或者sessionStorage,可能还有不知道这两个东西是干什么的小伙伴,简单的说一下:localStorage和sessionStorage都可以将数据保存到浏览器上。localStorage不会过期,除非清除或者大小超出,sessionStorage一旦浏览器关闭就会被清除。Vuex和localStorage或者sessionStorage如何结合到一起了???...
前言在前面文章中,我们详细的讲述了Vuex相关的知识,没有了解的小伙伴可以先去了解一波: 《Vuex是什么?Vuex能做什么?Vuex怎么使用?》[1]
这篇文章主要是讲讲如何使Vuex数据持久化?
顾名思义,浏览器想要数据持久化,必须用到localStorage或者sessionStorage,可能还有不知道这两个东西是干什么的小伙伴,简单的说一下:
localStorage和sessionStorage都可以将数据保存到浏览器上。localStorage不会过期,除非清除或者大小超出,sessionStorage一旦浏览器关闭就会被清除。
Vuex 和 localStorage或者sessionStorage如何结合到一起了???
store插件介绍这里我们用了一个名叫store的插件,当然不用也是可以的,不过都得自己来写set、get略微麻烦一写。 store的插件就是把Storage的set、get等封装,使用起来更方便。
store2[2]
自2.x以来,功能也是越来越强大
store.set(key, data[, overwrite]); store.setAll(data[, overwrite]); store.get(key[, alt]); store.getAll([fillObj]); store.transact(key, fn[, alt]); store.clear(); store.has(key); store.remove(key); store.each(fn[, fill]); store.add(key, data); store.keys([fillList]); store.size(); store.clearAll(); 复制代码下面来看看具体使用示例
storage文件示例新建一个storage.js文件
import storage from store; const WEB_NAME = WEB_NAME; export const storage = { set s...