vue3中pinia的数据持久化

一、安装插件

npm i pinia-plugin-persistedstate

二、注册

import { createApp } from 'vue'

import { createPinia } from 'pinia'

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

import './style.css'

import App from './App.vue'

const pinia = createPinia()

pinia.use(piniaPluginPersistedstate)

const app = createApp(App)

app.use(pinia)

app.mount('#app')

三、使用

（1）注意：使用pinia仓库的地方要配置久化，（默认是sessionStorage关闭页签数据就没有了）

// 持久化配置

persist: {

key: 'counter-data',

storage: sessionStorage,

},

四、页面使用

持久化插件地址：https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/