pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储
插件官网地址：

https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html

1、安装

这里对插件的安装就不多赘述了，放两张官网的截图

使用命令：npm i pinia-plugin-persistedstate

2.引入该插件，在创建 pinia 实例时传入该插件

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

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

export default pinia

在需要持久化状态的模块中设置 persist。咱假设 demo 模块需要对状态需要持久化，defineStore 第一个参数定义唯一的模块名，第二个参数传递 setup，其实还有第三个参数 options，在 options 中便可开启 persist：

...
const useDemoStore = defineStore('demo', () => {
	...
}, {
  persist: true
})