vuex数据持久化-爱代码爱编程
vuex数据持久化 vux代码 import Vue from 'vue' import Vuex from 'vuex' // 加载vuex组件 Vue.use(Vuex) let store = new Vuex
代码编织梦想
vuex数据持久化 vux代码 import Vue from 'vue' import Vuex from 'vuex' // 加载vuex组件 Vue.use(Vuex) let store = new Vuex
在自己写练习的时候,遇到了这个VUEX数据持久化的问题,本来在vuex中存储的数据,只要刷新页面数据就没有了,其实用本地存储就可以解决,但是想想都用vue 开始做项目了,就能用新技术就用新技术,最好找到了解决办法 解决办法:
之前在做vue的时候组件传值的时候都是用vuex来进行传值,但是往往会遇到一个问题就是,页面刷新的问题,页面一旦刷新,数据将不能持久化, 所以通常我的解决办法就是保存在本地,localstorage,或者sessionsto
问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化 解决方法:使用localstorage等存储,自己写起来总是有bug直接使用了vuex-persistedstate 问题2.vue-router路由传参发现使用params传参后,页面刷新参数消失造成请求失败 解决方法 this.$router.push(