美文网首页
Vuex 数据持久化(vuex-persistedstate)

Vuex 数据持久化(vuex-persistedstate)

作者: IT_IOS_MAN | 来源:发表于2022-01-29 17:00 被阅读0次

安装

vuex-persistedstate

导入

import createPersistedState from 'vuex-persistedstate'

vuex-persistedstate 持久化模式

默认 :localStorage
可配置为 sessionStorage

plugins: [createPersistedState({ 
      storage:window.sessionStorage,  
    }
  )],

使用

const store = new Vuex.Store({
  modules: {
    user: {},
  },
  getters,
  actions, // 异步
  mutations, // 同步
  plugins: [createPersistedState({ 
      // storage:window.sessionStorage,  
    }
  )],

})

多 modules 版本

const store = new Vuex.Store({
  modules: {
    user: {},
    menu: [],
  },
  getters,
  actions, // 异步
  mutations, // 同步
  plugins: [createPersistedState({ })],

})

相关文章

网友评论

      本文标题:Vuex 数据持久化(vuex-persistedstate)

      本文链接:https://www.haomeiwen.com/subject/kwhfkrtx.html