美文网首页
怎么解决页面刷新vuex数据丢失/清空(vuex持久化 vuex

怎么解决页面刷新vuex数据丢失/清空(vuex持久化 vuex

作者: 柒秒时光 | 来源:发表于2020-04-09 17:38 被阅读0次

1、安装vuex-persistedstate插件

npm install --save vuex-persistedstate

2、检查是否安装成功

在package.json内检查

3、在store文件夹内的js添加

import Vue from 'vue'
import Vuex from 'vuex'
import persistedState from 'vuex-persistedstate' //添加vuex-persistedstate插件
Vue.use(Vuex)
const store = new Vuex.Store({
    plugins: [persistedState()],
    //......
  })
export default store

4、应用

平时如何使用vuex就怎么使用,只是页面刷新数据会保留

官方文档地址:https://www.npmjs.com/package/vuex-persistedstate

相关文章

网友评论

      本文标题:怎么解决页面刷新vuex数据丢失/清空(vuex持久化 vuex

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