解决vuex数据页面刷新会初始化数据

最新推荐文章于 2023-12-09 11:30:47 发布

December_shi

最新推荐文章于 2023-12-09 11:30:47 发布

阅读量275

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/December_shi/article/details/116455144

版权

Vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

使用vuex状态持久化插件vuex-persistedstate

安装起步

npm install vuex-persistedstate

配置使用

在store文件的 index.js 文件中使用


// 引入vuex-persistedstate
import createPersistedState from 'vuex-persistedstate'

// ...


const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState(
    // 配置将vuex的状态储存到sessionStorage中（默认储存到localStorage中）
    { storage: window.sessionStorage }
  )]
})