效果

实现方法

 插件：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
  })