页面刷新,vuex重置问题

在使用vuex时,当页面刷新后,所存储的数据绘清空,为解决这一问题,这里使用vuex-persist。

先进行安装

npm install --save vuex-persistr 

然后在自己的vux中引入

import VuexPersistence from "vuex-persist"; 

进行配置并使用

const vuexLocal = new VuexPersistence({//将vuex数据存入localStorage中
  storage: window.localStorage,
});

export default new Vuex.Store({
  state: {
    count:20
  },
  modules: {
    mservice,
  },
  plugins: [vuexLocal.plugin],//进行配置
});

 这样当页面刷新的时候,数据将不会丢失 

posted @ 2021-08-26 17:30  奔跑的哈密瓜  阅读(340)  评论(0编辑  收藏  举报