pinia持久化存储

1.下载插件

   官网：pnpm i pinia-plugin-persistedstate

 2.在main.js里引入并配置

import { createPinia } from 'pinia'
//引入插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

let pinia = createPinia()
//把插件添加到pinia实例上
pinia.use(piniaPluginPersistedstate)
app.use(pinia)

3.在store 里相应的js模块里使用  

 在末尾添加一个配置{ persist: true}

import { defineStore } from "pinia"
import { LoginAPI } from '@/apis/user.js'
import { ref } from "vue"
export const userLogin = defineStore('userInfo', () => {
    let token = ref()
    let userInfo = ref({})
    async function getUserInfo(value) {
        let { data: { result } } = await LoginAPI(value)
        // console.log(result);
        token.value = result.token
        userInfo.value = result
    }

    return { token, userInfo, getUserInfo }
},
    {
        persist: true
    })