Heim

Skill

Webentwicklung

vue-pinia-best-practices

vuejs-ai/skills

Lernen Sie die Best Practices, häufige Fallstricke und Muster zur Zustandsverwaltung für Vue-Anwendungen mit Pinia kennen.

...Alle erweitern

Zeit aktualisiert 28. September 2026

# pinia # vue # state management # store patterns # vuex migration

Bewährte Vorgehensweisen für Pinia, häufige Fallstricke und Muster zur Zustandsverwaltung.

Einrichtung des Stores

Fehlermeldung „getActivePinia wurde aufgerufen“ beim Start → Siehe pinia-no-active-pinia-error
Stores, in denen Zustände fehlen, in DevTools oder bei SSR einrichten → Siehe pinia-setup-store-return-all-state

Reaktivität

Die Destrukturierung des Stores verhindert die reaktive Aktualisierung der Benutzeroberfläche → Siehe pinia-store-destructuring-breaks-reactivity
Store-Methoden verlieren bei Aufrufen in Vorlagen den Kontext → Siehe store-method-binding-parentheses

Zustandsmuster

Filter werden beim Aktualisieren zurückgesetzt oder können nicht gemeinsam genutzt werden → Siehe state-url-for-ephemeral-filters
Erstellen einer Produktionsanwendung ohne DevTools oder Konventionen → Siehe „state-use-pinia-for-large-apps“

Auf GitHub ansehen

---
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)

Alle Dateien

7 Dateien

SKILL.md 1.1k

Ansehen

reference/pinia-no-active-pinia-error.md 6.3k

Ansehen

reference/pinia-setup-store-return-all-state.md 5.8k

Ansehen

reference/pinia-store-destructuring-breaks-reactivity.md 5.1k

Ansehen

reference/state-url-for-ephemeral-filters.md 7.1k

Ansehen

reference/state-use-pinia-for-large-apps.md 6.2k

Ansehen

reference/store-method-binding-parentheses.md 5.2k

Ansehen