vuex数据持久化

Posted 紫诺花开

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex数据持久化相关的知识,希望对你有一定的参考价值。

借助插件来解决vuex页面刷新后数据丢失的问题。

安装插件

npm install vuex-persistedstate --save

  

配置使用

import createPersistedState from "vuex-persistedstate"
const dataInfo = {
     state:{},
     mutations:{},
     actions: {},
     getters:{},
     plugins: [createPersistedState()]
}
export default dataInfo

  

自定义存储

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

  

以上是关于vuex数据持久化的主要内容,如果未能解决你的问题,请参考以下文章

vuex-persist数据持久化存储

vuex-persist数据持久化存储

vuex数据持久化

解决vuex在页面刷新后数据丢失的问题

vuex 数据持久化,防止刷新丢失

Vuex数据持久化存储