Community编程与开发github.com

hyf0/vue-pinia-best-practices

Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。

vue-pinia-best-practices 是什么?

该技能专注于 Vue 应用中 Pinia 状态管理的最佳实践。它涵盖了从存储定义、设置模式到如何有效利用响应式系统与存储交互的全方位内容。技能文档中详细介绍了使用 `defineStore` 创建存储的两种方式(选项式 API 和组合式 API),并强调了在存储中正确使用 `ref`、`computed` 和 `watch` 等响应式 API 的方法。此外,它还讨论了组件之间共享状态、处理异步操作、以及通过 actions 和 getters 组织业务逻辑的典型模式。该技能旨在帮助开发者构建可维护、可扩展且高性能的 Vue 应用状态层。它适用于使用 Vue 3 及相关工具链(如 Vite、TypeScript)的项目,并且与 Pinia 官方推荐的最佳实践保持一致。通过遵循这些模式,开发者可以避免常见的状态管理陷阱,如不必要的响应式开销或状态不一致问题。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-pinia-best-practices

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

vue-pinia-best-practices 是做什么的?

Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相关技能