持久化需求与方案

持久化需求与方案是 Pinia 学习中的单个核心知识点，下面直接说明用法。

定义

持久化需求与方案是 Pinia 使用中的一个独立知识点，核心作用是：理解页面刷新后状态丢失问题，掌握localStorage/sessionStorage手动持久化方案。

语法

常用语法是在 Store 定义或组件调用处完成配置与使用。

export const useUserStore = defineStore('user', {
  state: () => ({ token: '', name: '' }),
  persist: {
    key: 'user',
    pick: ['token']
  }
})

示例

export const useUserStore = defineStore('user', {
  state: () => ({ token: '', name: '' }),
  persist: {
    key: 'user',
    pick: ['token']
  }
})

注意事项

不要持久化敏感信息，token 等数据需要结合安全策略处理。

要点总结

• 持久化需求与方案 只解决当前知识点对应的问题。
• 优先使用 Pinia 官方 API，避免引入多余封装。
• 示例代码应保持 Store 简洁、职责清晰。