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)
}
}

轉載于:https://www.cnblogs.com/llqwm/p/9152072.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。