vuex-along

vuex-along - 持久化存储 state 的 vuex 扩展

安装

yarn add vuex-along 

使用

import createVuexAlong  from 'vuex-along' // 默认会存储所有 state 到 localStorage

export default new Vuex.Store({
  state:{...},
  modules:{...},
  plugins: [createVuexAlong({
      // 设置保存的集合名字，避免同站点下的多项目数据冲突
      name: "hello-vuex-along",
      // 存入 localStorage
      local: { list },
      // 存入 sessionStorage
      session: { list }
    })]
});

配置

modules: {
  user,
  class
}
// 什么都不缓存
{
    list: [ '' ],   
}   
// 全部缓存
{
    list: [  ],   
}   
//  指定缓存
{
    list: [ 'user' ],   
}
// 除了这几个缓存其他
{
 list: [ 'user', 'class' ], 
 isFilter: true
}