vuex狀態持久化

npm install vuex-persistedstate

 在store.js里

import createPersistedState from 'vuex-persistedstate'
const state = {
    user:{},
}
export default new Vuex.Store({
    state,
    getters,
    actions,
    mutations,
    plugins: [createPersistedState()]//會自動保存創建的狀態。刷新還在
});

 

vuex-persistedstate 使用瀏覽器的本地存儲（ local storage ）對狀態（ state ）進行持久化。這意味着刷新頁面或關閉標簽頁都不會刪除你的數據。

一個很好的例子就是購物車：如果用戶不小心關閉了一個標簽，他們可以重新打開並回到之前頁面的狀態。