uniapp pinia状态持久化

在Uniapp中使用Pinia状态管理库，在应用程序重新加载或重新启动时，状态会被重置为其默认值。为了使状态持久化，我们可以使用如下步骤：

1. 安装`@pinia/plugin-persist`插件：

npm install @pinia/plugin-persist --save

2. 在`createPinia`方法中启用插件：

import { createPinia } from 'pinia'
import { createPersist } from '@pinia/plugin-persist'

const pinia = createPinia()
pinia.use(createPersist())

3. 在状态模块中声明要持久化的状态：

import { defineStore } from 'pinia'

export const useMyStore = defineStore({
  id: 'myStore',
  state: () => ({
    count: 0,
    user: null,
  }),
  getters: {
    isLoggedIn(state) {
      return state.user !== null
    },
  },
  actions: {
    increment() {
      this.count++
    },
    setUser(user) {
      this.user = user
    },
  },
  persist: {
    enabled: true,
    // 这里设置要持久化的状态
    include: ['count', 'user'],
  },
})

4. 启用`persist`选项：

import { createPinia } from 'pinia'
import { createPersist } from '@pinia/plugin-persist'
import { useMyStore } from './my-store'

const pinia = createPinia()
pinia.use(createPersist())

// 启用 persist 选项
useMyStore(pinia)

export default pinia

现在，状态将在本地存储中持久化，并在重新加载或重新启动应用程序时自动还原。注意，Pinia插件需要在应用程序重新加载时重新注册，以便状态可以正确还原。