vuex如何实现数据持久化(即刷新后数据还保留)?

因为vuex中的state是存储在内存中的,一刷新就没了,例如登录状态;

解决方案有:

第一种:利用H5的本地存储(localStorage,sessionStorage);

第二种:利用第三方封装好的插件,例如vuex-persistedstate;

  • 安装: npm i vuex-persistedstate --save;
  • 引入及配置; 

在store下的index.js中


import { createStore } from 'vuex'
import createPersistedstate from 'vuex-persistedstate'
 
 
export default createStore({
  modules: {
    user,
    cart,
    category
  },
  plugins: [
   createPersistedstate({
      key: 'erabbit-client-pc-store',
      paths: [''],
    })
  ]
})


版权声明:本文为Alone_Endeavor原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。