pinia持久化 pinia-plugin-persistedstate

npm i pinia-plugin-persistedstate 官网地址：prazdevs.github.io/pinia-plugi…

store/index.ts

import { createPinia } from 'pinia';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';

const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);//将插件添加到 pinia 实例上

export default pinia;

main.ts

import pinia from "@/stores";

app.use(router).use(pinia).mount("#app");

使用案例

import { defineStore } from "pinia";
import type { UserState } from "@/stores/interface";

export const useUserStore = defineStore({
  id: "geeker-user",
  state: () => ({
    token: "",
    userInfo: { name: "" }
  }),
  persist: {
    key: "geeker-user"
  }
});