pinia持久化存储

1.终端运行npm i pinia-plugin-persist

2.在main.ts中加入以下代码

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia';
import piniaPluginPersist from 'pinia-plugin-persist'

const store = createPinia();
store.use(piniaPluginPersist)
createApp(App).mount('#app')

3.在store文件夹下，找自己创建的文件，如下举例（这是我再store下创建的userState.ts文件）：

import {defineStore} from "pinia"
export const userState= defineStore({
    id:'userData',
    state:()=>({

    }),
    actions:{

    },
    //开启数据缓存
    persist: {
        enabled: true,
        strategies: [
            {
                storage: localStorage,
                // path:[] //可以选择保存的字段  其余的不保存
            }
        ]
    }
})

注意，我项目使用的是ts文件，并不是js文件书写的代码。