web前端

推荐一个vuex数据持久化工具

vuex是vue.js提供的状态管理工具,但是他的数据时存储到内存中的,刷新页面会丢失,而我们的项目中往往需要真正的缓存这些数据,然后这玩意儿就出现了。

vuex-persistedstate

安装

npm i vuex-persistedstate -S

使用

在初始化store时使用

import createPersistedState from "vuex-persistedstate";

const store = new Vuex.Store({
  modules,
  getters,
  plugins: [createPersistedState({
    storage: window.sessionStorage
  })]
})

可以看到,引用的时候有一个storage: window.sessionStorage,说明会把数据存储到localStorage

可配置项

key: storage名称,所有的数据会存储到一个key里面,默认:vuex
storage: 数据存储位置,默认:localStorage

发表评论

电子邮件地址不会被公开。