uniapp的pinia持久化

Uniapp 是一个跨平台的开发框架，而 Pinia 是一个基于 Vue 3 的状态管理库。要在 Uniapp 中使用 Pinia 进行持久化，可以使用插件来实现。

首先，你需要安装 `@pinia/uniapp` 插件。你可以通过 npm 或 yarn 进行安装：

npm install @pinia/uniapp

或者

yarn add @pinia/uniapp

安装完成后，在你的入口文件（比如 `main.js`）中导入和注册插件：

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from '@pinia/uniapp'

const app = createApp(App)
const pinia = createPinia()

app.use(pinia)
app.mount('#app')

接下来，你可以创建一个 Pinia 的 store，并在其中定义你的状态和操作：

import { defineStore } from '@pinia/uniapp'

export const useMyStore = defineStore('myStore', {
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++
    },
  },
})

然后，在你的组件中使用该 store：

<template>
  <div>
    <p>Count: {{ $store.myStore.count }}</p>
    <button @click="$store.myStore.increment()">Increment</button>
  </div>
</template>

<script>
import { reactive, onMounted } from 'vue'
import { useMyStore } from './store'

export default {
  setup() {
    const store = useMyStore()

    return {
      $store: store,
    }
  },
}
</script>

这样，你就可以在 Uniapp 中使用 Pinia 进行状态管理，并实现持久化了。具体的持久化方式，可以根据你的需求选择合适的方案，比如使用 localStorage 或者 IndexedDB 等。在 store 的 actions 中，你可以在操作状态的同时将其存储到持久化存储中，或者在初始化 store 时从持久化存储中读取初始状态。