pinia 和 数据持久化使用例子

pinia 数据持久化 prazdevs.github.io/pinia-plugi…

import { defineStore } from "pinia";
import {ref} from "vue";
import {loginAPI} from "@/apis/login";

export const useUserStore = defineStore('user', () => {
    const userInfo = ref({})
    const getUserInfo = async ({
        account,
        password
    }) => {
        const res = await loginAPI({
            account,
            password
        });
        userInfo.value = res.result
    }

    return {
        userInfo,
        getUserInfo
    }
}, {
    persist: true //数据持久化
})

import { useUserStore } from "@/stores/user";
const userStore = useUserStore();
// 接口请求调用pinia里面的方法
const res = await userStore.getUserInfo({ account, password });

// 先安装插件 pnpm i pinia-plugin-persistedstate

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