vue-pinia-best-practices 是做什么的?
Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。
Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。
该技能涵盖了 Vue.js 生态中 Pinia 状态管理库的最佳实践。它指导开发者如何定义和使用 Pinia 存储(stores),包括 Option Store 和 Setup Store 两种定义方式。技能深入讲解了状态(state)、getter(getters)和动作(actions)的正确使用方法,以及如何通过组合式 API(Composition API)在组件中高效地访问和管理状态。此外,它还涉及状态持久化、模块化存储结构设计、与 Vue Router 的集成以及测试策略,旨在帮助开发者构建可维护、可扩展且响应式的 Vue 应用。无论在 Vue 2 还是 Vue 3 项目中,该技能都能提供实用的指导。
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-pinia-best-practicesInstalled? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。
This repo contains 5 individual skills — each has its own dedicated page.
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.