Back to Details

vue-pinia-best-practices

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
Pinia best practices, common gotchas, and state management patterns.
Pinia 最佳实践、常见问题以及状态管理模式。

Store Setup

仓库配置

  • Getting "getActivePinia was called" error at startup → See pinia-no-active-pinia-error
  • Setup stores missing state in DevTools or SSR → See pinia-setup-store-return-all-state
  • 启动时出现「getActivePinia was called」错误 → 查看 pinia-no-active-pinia-error
  • 在 DevTools 或 SSR 中配置仓库时缺失状态 → 查看 pinia-setup-store-return-all-state

Reactivity

响应式处理

  • Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity
  • Store methods lose context in template calls → See store-method-binding-parentheses
  • 仓库解构导致 UI 停止响应式更新 → 查看 pinia-store-destructuring-breaks-reactivity
  • 在模板调用中仓库方法丢失上下文 → 查看 store-method-binding-parentheses

State Patterns

状态模式

  • Filters reset on refresh or can't be shared → See state-url-for-ephemeral-filters
  • Building production app without DevTools or conventions → See state-use-pinia-for-large-apps
  • 刷新后过滤器重置或无法共享 → 查看 state-url-for-ephemeral-filters
  • 未使用 DevTools 或遵循规范构建生产应用 → 查看 state-use-pinia-for-large-apps