1. 安装插件 npm i pinia-plugin-persistedstate
2. 在 main.js 中配置
import { createApp } from 'vue' import App from './App.vue' // 导入路由实例 import { createPinia } from 'pinia'; // 引入插件 import piniaPersistedState from 'pinia-plugin-persistedstate' // 创建pinia实例 const pinia = createPinia() // 将插件安装到pinia实例中 pinia.use(piniaPersistedState) // vue实例 const app = createApp(App) // 将pinia安装到vue实例中 app.use(pinia) app.mount('#app')
3. 在仓库中添加 persist 属性
persist: { enabled: true, // 开启缓存 默认会存储在本地sessionStorage storage: localStorage, // 缓存使用方式 paths: ['count'] // 需要缓存键，全部缓存不写此属性 }
