uniapp pinia数据持久化

Uniapp Pinia 可以通过 Vuex 插件实现数据持久化。具体实现步骤如下：

1. 安装 vuex-persistedstate 插件

npm install vuex-persistedstate

2. 在 main.js 中引入 vuex-persistedstate

import createPersistedState from "vuex-persistedstate";

3. 在 store.js 中配置 vuex-persistedstate

import { createStore } from "pinia";
import createPersistedState from "vuex-persistedstate";

const store = createStore({
  // ...
  plugins: [
    createPersistedState({
      key: "my-app",
      paths: ["userInfo"],
    }),
  ],
});

其中，key 是本地存储的键名，paths 是需要持久化的 state 属性。

4. 在组件中使用

import { useStore } from "pinia";

export default {
  setup() {
    const store = useStore();
    // ...
  },
}

在组件中使用 useStore() 获取 store 实例，即可访问持久化的数据。