cookie: 不適合儲存大量的資料。
localstorage: 是永久儲存，瀏覽器關閉後資料不會丟失，除非主動刪除資料。當關閉頁面後重新開啟，會讀取上一次開啟的頁面資料。
sessionstorage: 在當前瀏覽器視窗關閉後自動刪除。所以，sessionstorage 最合適。
監聽 beforeunload 這個方法，beforeunload 在頁面重新整理時觸發，監聽 beforeunload 讓頁面在重新整理前將資料存到 sessionstorage 中。然後，在頁面重新整理時，讀取 sessionstorage 中的資料到 store 中
div>
template>
// 入口元件
export default ,
this.$store.state,
json.parse(sessionstorage.getitem('store'))))
}// 在頁面重新整理時將vuex裡的資訊儲存到sessionstorage裡
// beforeunload事件在頁面重新整理時先觸發
window.addeventlistener('beforeunload', () => )},}
script>
vuex頁面資料丟失 解決vuex重新整理頁面資料丟失
1 前言 vue構建的專案中，vuex的狀態儲存是響應式的，當vue元件從store中讀取狀態的時候，若store中的狀態發生變化，那麼相應的元件也會得到高效重新整理，問題來了，vuex儲存的資料只是在頁面中，相當於我們定義的全域性變數，重新整理之後，裡面的資料就會恢復到初始化的狀態。比如，使用者已...
解決 重新整理頁面Vuex資料丟失
vue將資料存入vuex裡面，在進行頁面重新整理的時候，資料丟失，這裡有兩個解決辦法應對不同場景 假如你的路由跳了3層以上，而且這幾個頁面都要用同乙個資料roomid，肯定想到路由傳參的方式傳roomid，那麼問題來了 解決方法 初始化得到roomid後，存入sessionstorge vuex裡面...
解決vuex重新整理頁面資料丟失
vue構建的專案中，vuex的狀態儲存是響應式的，當vue元件從store中讀取狀態的時候，若store中的狀態發生變化，那麼相應的元件也會得到高效重新整理，問題來了，vuex儲存的資料只是在頁面中，相當於我們定義的全域性變數，重新整理之後，裡面的資料就會恢復到初始化的狀態。比如，使用者已經登入了，...