VUE3_持久化
1. 安裝
npm i pinia-plugin-persistedstate
2.將插件添加到pinia實例上 main.js文件
import { createApp } from 'vue'
import { createPinia } from 'pinia'
// 導入持久化插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import App from './App.vue'
const pinia = createPinia() // 創(chuàng)建Pinia實例
const app = createApp(App) // 創(chuàng)建根實例 app.use(pinia.use(piniaPluginPersistedstate)) // pinia插件的安裝配置
app.mount('#app') // 視圖掛載
3.如何開啟持久化?創(chuàng)建 Store 時,將 persist 選項設(shè)置為 true。import { defineStore } from 'pinia'
export const useStore = defineStore('store', { state: () => { save:{
me:'saved',
notMe:'not-saved'
},
saveMeToo:'saved'
}, persist: {
key:'ljq-store',
paths:['save.me','saveMeToo'],
storage: sessionStorage
} })

浙公網(wǎng)安備 33010602011771號