关于 vue-pinia-best-practices
面向 Pinia 状态管理的实践与常见问题指南，涵盖 Store 设置、响应式使用和状态模式，适用于 Vue 应用开发者。
主要功能
- 01排查 Pinia 初始化错误
- 02说明 Setup Store 状态返回要求
- 03避免解构导致响应性丢失
- 04处理 Store 方法调用上下文
- 05介绍筛选状态的 URL 管理
- 06提供大型应用状态管理建议
适用场景
- 01排查应用启动时的 Pinia 错误
- 02修复解构 Store 后界面不更新
- 03让筛选状态在刷新后保留或可分享
- 04为大型应用规划状态管理
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/vue-pinia-best-practices确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
reference/pinia-no-active-pinia-error.mdpinia-setup-store-return-all-state.mdpinia-store-destructuring-breaks-reactivity.mdstate-url-for-ephemeral-filters.mdstate-use-pinia-for-large-apps.mdstore-method-binding-parentheses.md详细介绍
Pinia 最佳实践、常见问题和状态管理模式。
Store 设置
- 启动时出现 “getActivePinia was called” 错误 → 请参阅 pinia-no-active-pinia-error
- Setup Store 在 DevTools 或 SSR 中缺少状态 → 请参阅 pinia-setup-store-return-all-state
响应性
- 解构 Store 会导致 UI 停止响应式更新 → 请参阅 pinia-store-destructuring-breaks-reactivity
- 在模板调用中，Store 方法会丢失上下文 → 请参阅 store-method-binding-parentheses
状态模式
- 刷新后筛选条件会重置，或无法分享 → 请参阅 state-url-for-ephemeral-filters
- 构建生产应用，但不使用 DevTools 或约定 → 请参阅 state-use-pinia-for-large-apps
评论
支持 Markdown