vue刷新页面数据消失,问题总结

问题描述

今天练习vue时发现一个问题,通过vuex在store.js中请求的json数据,在路由中使用时,刷新一下,页面空白了.

问题原因

js运行在内存之中,变量,函数也都存在内存里.刷新页面时,内存被释放,如果想保存需要做持久化储存.利用localStorage,sessionStorage,indexDB(我不知道indexDB是什么)可以实现.

问题解决

我用的最简单的localStorage...

store.js中使用如下(因为获得的item为对象,所以需要处理一下才能使用)
vue刷新页面数据消失,问题总结_第1张图片
image.png

组件中使用如下
vue刷新页面数据消失,问题总结_第2张图片
image.png

问题拓展

其他方法在这里
www.zhihu.com/question/54164220
另外在做这个过程中,发现页面中引用的svg图标无法显示了,最后在组件内引了一下iconfont.js就出来了

image.png

你可能感兴趣的:(vue刷新页面数据消失,问题总结)