页面刷新,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],//进行配置 });
这样当页面刷新的时候,数据将不会丢失