插件地址：

快速开始 | pinia-plugin-persistedstate

安装插件：

安装pinia后，再安装这个插件

npm i pinia-plugin-persistedstate

引入插件：

在main.ts或者main.js里

//main.ts或者main.js里

import { createPinia } from 'pinia'
//注意下面没有{}
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
app.use(pinia)

使用插件：

stores目录下的userStore.js （根据实际使用选择）

所有数据持久化。

import {ref, computed, reactive} from 'vue'
import {defineStore} from 'pinia'

export const useUserStore = defineStore('user', () => {
        const userInfo = reactive({})
        return {userInfo}
    }, 
    //这里是第三个参数
    {
        persist: true  //加上这一个，所有的数据都可以持久化
    }
)

指定数据持久化。

import {ref, computed, reactive} from 'vue'
import {defineStore} from 'pinia'

export const useUserStore = defineStore('user', () => {
        const userInfo = reactive({})
        return {userInfo}
    }, 
    //这里是第三个参数
    {
         persist: {
            paths: ['name', 'info.des'] //指定 name, info.des持久化
         },
    }
)