pinia 数据持久化处理

最新推荐文章于 2025-11-14 08:43:39 发布

原创最新推荐文章于 2025-11-14 08:43:39 发布 · 4.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vite 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用Pinia插件`pinia-plugin-persist`进行状态持久化，通过在store.js文件中导入并配置插件，设置默认使用sessionStorage，并指定特定的存储策略来保存用户数据。

1.下载插件pinia-plugin-persist
2. store下的index.js

import { createPinia } from 'pinia'
//pinia 持久化插件
import piniaPluginPersist from 'pinia-plugin-persist'
const store = createPinia()
store.use(piniaPluginPersist)
export default store

在写的store.js文件下增加配置项默认为sessionStorage

  persist: {
        enabled: true,
        strategies: [
            {
                key: 'user',
                storage: localStorage,
                path:[] //可以选择保存的字段  其余的不保存
            }
        ]
    }