Pinia实现状态持久化以防止页面刷新后数据丢失

Pinia刷新数据不丢失

在Vue3项目中，通过Pinia实现状态持久化以防止页面刷新后数据丢失，使用pinia-plugin-persistedstate插件
安装插件：npm install pinia-plugin-persistedstate
在Pinia初始化时注册插件：

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

在Store中启用持久化：

export const useStore = defineStore('main', {
  state: () => ({ count: 0 }),
  persist: true // 整个state持久化
  // 或指定部分字段：persist: { paths: ['count'] }
})

注意：增加新配置后，要重新启动项目，Pinia数据持久化才会起作用。