Vue Pinia Best Practices

作者 vuejs-aic9d355ff23f6MIT收录于 2026年10月8日更新于 2026年10月8日

Pinia stores, state management patterns, store setup, and reactivity with stores.

AI 生成的概览

关于 Vue Pinia 存储设置、响应式陷阱与状态管理模式的参考指南。

功能
该技能是纯说明性参考,汇总常见的 Pinia 问题与最佳实践,并针对每个主题指向单独的参考文档。内容涵盖存储设置错误、解构与方法绑定等响应式问题,以及基于 URL 的临时筛选状态和大型应用约定等状态模式。它产出的是指导与索引,而非代码或文件。
适用场景
适用于使用 Pinia 的 Vue 应用,遇到存储设置错误、响应式失效,或需要状态管理约定时。也适合在决定临时筛选状态应放在何处,或如何为较大应用组织存储时使用。
运行要求
无需脚本或工具,仅为说明与参考文档。代理需要能够访问随附的参考文件。

Pinia best practices, common gotchas, and state management patterns.

Store Setup

  • Getting "getActivePinia was called" error at startup → See pinia-no-active-pinia-error [blocked]
  • Setup stores missing state in DevTools or SSR → See pinia-setup-store-return-all-state [blocked]

Reactivity

  • Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity [blocked]
  • Store methods lose context in template calls → See store-method-binding-parentheses [blocked]

State Patterns

  • Filters reset on refresh or can't be shared → See state-url-for-ephemeral-filters [blocked]
  • Building production app without DevTools or conventions → See state-use-pinia-for-large-apps [blocked]

来源与署名

来源:vuejs-ai/skills位于skills/vue-pinia-best-practices提交c9d355f

许可证: MIT

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架