Vuex 数据持久化（vuex-persistedstate）

最新推荐文章于 2023-02-09 16:15:29 发布

IT_IOS_MAN

最新推荐文章于 2023-02-09 16:15:29 发布

阅读量245

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/IT_IOS_MAN/article/details/127848607

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

安装

yarn add 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({ })],

})