博客摘录＜==Pinia及数据持久化存储详细教程==＞2024年1月23日

paul jeorgh

已于 2024-01-23 10:36:51 修改

阅读量405

点赞数 12

文章标签：笔记 vue.js typescript 开发语言 javascript 前端框架

于 2024-01-18 22:25:10 首次发布

本文链接：https://blog.csdn.net/2302_79777012/article/details/135670828

版权

下载安装

pnpm install  pinia-plugin-persistedstate

import { createPinia }  from "pinia";
import persist from 'pinia-plugin-persistedstate'
const store = createPinia();
store.use(persist)
export default store;

添加一下代码

import {  defineStore }  from "pinia";
import {dataLeftList,userInfoList} from "@/api/data/dataone"
const userStore = defineStore("userStore",{
      state:()=>{
           return{
            //    用户登录信息保存
               userInfo:{
                   username:"",
                   password:"",
                   avatar:"",
                   roles:[],
               },
               dataLeftListPinia:dataLeftList,
               userInfoListPinia :userInfoList
           }
      },
      persist:true  //代码重点在这里
})
export default userStore;