vuex状态持久化_Vuex+localStorage数据状态持久化

点击右上方红色按钮关注“web秀”，让你真正秀起来

前言

在前面文章中，我们详细的讲述了Vuex相关的知识，没有领会的小伙伴可以先去领会一波: 《Vuex是什么？Vuex能做什么？Vuex怎么使用？》

Vuex+localStorage数据状态持久化

这篇文章主要是讲讲若何使Vuex数据持久化？

顾名思义，浏览器想要数据持久化，必须用到localStorage或者sessionStorage，可能另有不知道这两个器械是干什么的小伙伴，简朴的说一下：

localStorage和sessionStorage都可以将数据保存到浏览器上。localStorage不会过时，除非消灭或者巨细超出，sessionStorage一旦浏览器关闭就会被消灭。

Vuex 和 localStorage或者sessionStorage若何结合到一起了？？？

store插件先容

这里我们用了一个名叫store的插件，固然不用也是可以的，不外都得自己来写set、get略微贫苦一写。 store的插件就是把Storage的set、get等封装，使用起来更利便。

自2.x以来，功效也是越来越壮大

// === store(key, data); store.set(key, data[, overwrite]); // === store({key: data, key2: data}); store.setAll(data[, overwrite]); // === store