Pinia持久化存储

安装插件

npm i pinia-plugin-persist --save

store/index.ts

import { createPinia } from 'pinia'
//pinia持久化存储
import piniaPluginPersist from 'pinia-plugin-persist'

const store = createPinia()
store.use(piniaPluginPersist)

export default store

store/user.ts

export const useUserStore = defineStore({
    id: 'user',
    
    state: ()=>{
        return {
            name: "栗子"，
            age: 18
        }
    },
    
    // 开启数据缓存
    //注意：数据默认存在 sessionStorage 里，并且会以 store 的 id 作为 key。
    //可以自定义key
    persist: {
        enabled: true，
        strategies： [
            {
                key: 'my_user',
                storage: localStorage,
                //默认所有 state 都会进行缓存
                //可以通过 paths 指定要长久化的字段，其余的则不会进行长久化。
                paths: ['name', 'age'],
            }
        ]
    }
})