vue-pinia-best-practices
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 toutMeilleures 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 »
---
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)
Tous les fichiers
7 fichiersInstaller 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 ZIPClonez 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





Maison
