vuex-persist插件为Vuex持久化存储而生 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jun 20

vuex-persist插件为Vuex持久化存储而生 不指定

tommyhu , 12:13 , 大前端 » vue.js , Comments(0) , Trackbacks(0) , Reads(517) , Via Original Large | Medium | Small
Quotation
手动存取 localStorage 的方式还可以做得更简便。那就是引入 vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 loc

手动存取 localStorage 的方式还可以做得更简便。那就是引入 vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中。

使用方法

通过以上设置,在图3中各个页面之间跳转,如果刷新某个视图,数据并不会丢失,依然存在,并且不需要在每个 mutations 中手动存取 storage 。

vuex-persist 的详细属性-
属性  类型  描述
key  string  将状态存储在存储中的键。默认: 'vuex'
storage  Storage (Web API)  可传localStorage, sessionStorage, localforage 或者你自定义的存储对象. 接口必须要有get和set.  默认是: window.localStorage
saveState  function (key, state[, storage])  如果不使用存储,这个自定义函数将保存状态保存为持久性。
restoreState  function (key[, storage]) => state  如果不使用存储,这个自定义函数处理从存储中检索状态
reducer  function (state) => object  将状态减少到只需要保存的值。默认情况下,保存整个状态。
filter  function (mutation) => boolean  突变筛选。看mutation.type并返回true,只有那些你想坚持写被触发。所有突变的默认返回值为true
modules  string[]  要持久化的模块列表。
▲返回顶部

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot