Vuex持久化vuex-persistedstate

最新推荐文章于 2023-12-02 14:03:07 发布

原创最新推荐文章于 2023-12-02 14:03:07 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vuex #持久化 #persistedstate

vue 同时被 2 个专栏收录

53 篇文章

订阅专栏

vuex

2 篇文章

订阅专栏

本文介绍如何使用vuex-persistedstate插件实现Vuex状态的sessionStorage持久化存储，仅保留user状态，确保应用在刷新后仍能保持登录状态。

import createPersistedState from 'vuex-persistedstate';

const store = new Vuex.Store({
    plugins: [
        createPersistedState({
            storage: window.sessionStorage, //state中的数据存储到sessionStorage
            reducer(val) {
                return {
                    user: val.user //只储存state中的user
                };
            }
        })
    ]
});