目录

1 安装插件

2 main.js中引入插件，并将插件传给pinia

3 在定义store时，开启persist

4 persist配置项

1 安装插件

npm i pinia-plugin-persist --legacy-peer-deps

2 main.js中引入插件，并将插件传给pinia

// 引入pinia
import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'
const pinia = createPinia()
pinia.use(piniaPluginPersist)
app.use(pinia)

3 在定义store时，开启persist

import { defineStore } from 'pinia'

export default defineStore('commonStore', {

  //开启数据存储
  persist: { enabled: true },

  state: () => {
    return {
     info: {} 
    }
  },
})

4 persist配置项

 persist: {
    enabled: true,
    strategies: [
      {
        key: 'all', //存储的key值，默认为store名，如本例：commonStore
        storage: localStorage, //存储的位置，默认为sessionStorage
        path: ['info'] //需要存储的state状态，默认为所有
      }
    ]
  },

本文转自 https://blog.csdn.net/m0_66051368/article/details/128332670，如有侵权，请联系删除。