效果

实现方法

 插件：pinia-plugin-persistedstate

链接地址

具体操作

安装

npm i pinia-plugin-persistedstate

添加到 pinia 实例上

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

设置persist

在使用store，将persist设置为true即可实现

import {defineStore} from 'pinia'export const useCounterStore = defineStore('main', {state: () => ({someState: '你好 pinia',}),actions:{updateName(){this.someState='你好 Java'}},persist: true})