Pinia 数据持久化存储插件pinia-plugin-persist

lryh_

已于 2024-06-19 10:33:04 修改

阅读量633

点赞数 3

分类专栏：插件文章标签：前端 vue.js npm

于 2024-06-11 17:47:15 首次发布

本文链接：https://blog.csdn.net/lryh_/article/details/139604805

版权

插件专栏收录该内容

3 篇文章 0 订阅

订阅专栏

快速开始 | pinia-plugin-persistedstate

1、安装插件

npm i pinia-plugin-persistedstate

2、引入插件

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

const store = createPinia()
store.use(piniaPluginPersistedstate)

3、使用

登录时把userLabel 存储到pinia中 userlabel 
   user.userlabel = loginForm.value.userLabel


const useUserStore = defineStore({
  id: 'user',
  state: (): userStateTypes => ({
    userInfo: null,
    token: '',
    userlabel:'',
  }),
  persist: {
    paths: ['userlabel'], //只有 userlabel被持久化保存
  },
 actions:{}
})