vuex中數(shù)據(jù)刷新頁面消失問題：
a頁面請求的數(shù)據(jù)保存在vuex中，只要不刷新，那跳轉(zhuǎn)到b頁面里也可以用，但如果b頁面刷新，那vuex里的數(shù)據(jù)就會消失，
可以得解決方法：a頁面用的數(shù)據(jù)a頁面的生命周期函數(shù)里請求，b頁面用的數(shù)據(jù)b頁面的生命周期函數(shù)里請求

你需要知道JavaScript代碼是運行在內(nèi)存中的，代碼運行時的所有變量，函數(shù)，也都是保存在內(nèi)存中的。
刷新頁面，以前申請的內(nèi)存被釋放，重新加載腳本代碼，變量重新賦值，所以這些數(shù)據(jù)要想儲存就必須儲存在外部，例如：Local Storage, Session Storage, IndexDB等。
這些是瀏覽器提供的API，讓你可以將數(shù)據(jù)儲存在硬盤上，做持久化儲存。具體選擇哪一個就根據(jù)你實際的需求來決定。
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)
}
}

轉(zhuǎn)載于:https://www.cnblogs.com/llqwm/p/9152072.html

總結(jié)

以上是生活随笔為你收集整理的vue：vue页面刷新vuex数据消失问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。