Vue3.x版本实现VueX缓存

68 阅读1分钟

1、安装下方所需插件:

npm install vuex-persistedstate / yarn add vuex-persistedstate

2、在 store/index.js 文件中配置插件:

// 配置 Vuex 插件
plugins: [
    // 默认存储在 localStorage 上的
    createPersistedState({
        // 本地存储名字
        key: 'erabbit-client-pc-124-store',
        // 指定需要存储的模块
        paths: ['user', 'cart']
    })
]

注意点:plugins 与 state、getters、mutations、actions、modules 同级