option
MaisonMaison Skill Développement Web vue-pinia-best-practices

vue-pinia-best-practices

vuejs-ai/skills vuejs-ai/skills

Découvrez les bonnes pratiques de Pinia, les pièges courants et les modèles de gestion des états pour les applications Vue.

...Développer tout
2
Heure mise à jour 28 septembre 2026

Meilleures pratiques Pinia, pièges courants et modèles de gestion des états.

Configuration du magasin

  • Erreur « getActivePinia was called » au démarrage → Voir pinia-no-active-pinia-error
  • Configurer les stores pour qu’ils renvoient tous les états dans DevTools ou en SSR → Voir pinia-setup-store-return-all-state

Réactivité

  • La déstructuration du store empêche la mise à jour réactive de l’interface utilisateur → Voir pinia-store-destructuring-breaks-reactivity
  • Les méthodes du store perdent leur contexte lors des appels dans les modèles → Voir store-method-binding-parentheses

Modèles d’état

  • Les filtres sont réinitialisés lors de l’actualisation ou ne peuvent pas être partagés → Voir state-url-for-ephemeral-filters
  • Développement d'une application de production sans DevTools ni conventions → Voir « state-use-pinia-for-large-apps »
Voir sur GitHub
---
name: vue-pinia-best-practices
description: Learn Pinia best practices, common gotchas, and state management patterns for Vue applications.
license: MIT
---

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

### Store Setup
- Getting "getActivePinia was called" error at startup → See [pinia-no-active-pinia-error](reference/pinia-no-active-pinia-error.md)
- Setup stores missing state in DevTools or SSR → See [pinia-setup-store-return-all-state](reference/pinia-setup-store-return-all-state.md)

### Reactivity
- Store destructuring stops updating UI reactively → See [pinia-store-destructuring-breaks-reactivity](reference/pinia-store-destructuring-breaks-reactivity.md)
- Store methods lose context in template calls → See [store-method-binding-parentheses](reference/store-method-binding-parentheses.md)

### State Patterns
- Filters reset on refresh or can't be shared → See [state-url-for-ephemeral-filters](reference/state-url-for-ephemeral-filters.md)
- Building production app without DevTools or conventions → See [state-use-pinia-for-large-apps](reference/state-use-pinia-for-large-apps.md)

Installer vue-pinia-best-practices

Téléchargez et décompressez les fichiers de compétences dans votre répertoire .claude/skills/.

Télécharger le ZIP

Clonez le dépôt et copiez les fichiers de compétence dans votre projet.

git clone https://github.com/vuejs-ai/skills/tree/main/skills/vue-pinia-best-practices # Copy SKILL.md to your .claude/skills/ directory

Copier Copier
Configuration rapide: Copiez le dossier de la compétence dans .claude/skills/ Claude détectera automatiquement la compétence et l'utilisera
Dépôt vuejs-ai/skills

Compétences similaires

github-code-search
Heure mise à jour 29 juin 2026
drizzle-orm
Heure mise à jour 29 juin 2026
prisma-client-api
Heure mise à jour 29 juin 2026
clickhouse-io
Heure mise à jour 29 juin 2026
OR