pinia仓库持久化

一个菜鸟敲码人

已于 2024-04-02 18:43:04 修改

阅读量62

点赞数

文章标签： javascript 前端

于 2023-09-21 12:27:47 首次发布

本文链接：https://blog.csdn.net/qqhechao123/article/details/133131689

版权

1.安装插件 pinia-plugin-persistedstate

pnpm add pinia-plugin-persistedstate -D

2.使用 main.js

import persist from 'pinia-plugin-persistedstate'
...
app.use(createPinia().use(persist))

3.配置 stores/user.js

import { defineStore } from 'pinia'
import { ref } from 'vue'

// 用户模块
export const useUserStore = defineStore(
  'big-user',
  () => {
    const token = ref('') // 定义 token
    const setToken = (t) => (token.value = t) // 设置 token

    return { token, setToken }
  },
  {
    persist: true // 持久化
  }
)