vue:vue页面刷新vuex数据消失问题

Posted llqwm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue:vue页面刷新vuex数据消失问题相关的知识,希望对你有一定的参考价值。

vuex中数据刷新页面消失问题:
a页面请求的数据保存在vuex中,只要不刷新,那跳转到b页面里也可以用,但如果b页面刷新,那vuex里的数据就会消失,
可以得解决方法:a页面用的数据a页面的生命周期函数里请求,b页面用的数据b页面的生命周期函数里请求

你需要知道javascript代码是运行在内存中的,代码运行时的所有变量,函数,也都是保存在内存中的。
刷新页面,以前申请的内存被释放,重新加载脚本代码,变量重新赋值,所以这些数据要想储存就必须储存在外部,例如:Local Storage, Session Storage, IndexDB等。
这些是浏览器提供的API,让你可以将数据储存在硬盘上,做持久化储存。具体选择哪一个就根据你实际的需求来决定。
const ls = window.localStorage
// https://github.com/tsironis/lockr
export default {
getItem(key) {
try {
return JSON.parse(ls.getItem(key))
} catch (err) {
return null
}
},
setItem(key, val) {
ls.setItem(key, JSON.stringify(val))
},
clear() {
ls.clear()
},
keys() {
return ls.keys()
},
removeItem(key) {
ls.removeItem(key)
}
}

以上是关于vue:vue页面刷新vuex数据消失问题的主要内容,如果未能解决你的问题,请参考以下文章

vue: 解决vuex页面刷新数据丢失问题

vue实现不刷新整个页面刷新数据

vue刷新页面方式

Vuex刷新时数据会消失,那如何解决?为什么还要使用Vuex

页面刷新vuex数据消失问题解决方案

页面刷新vuex数据消失问题解决方案