家

Skill

ウェブ開発

vue-pinia-best-practices

vuejs-ai/skills

VueアプリケーションにおけるPiniaのベストプラクティス、よくある落とし穴、および状態管理のパターンを学びましょう。

...すべて拡張します

更新された時間 2026年9月28日

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

Piniaのベストプラクティス、よくある落とし穴、および状態管理パターン。

ストアの設定

起動時に「getActivePinia was called」エラーが発生する場合 → pinia-no-active-pinia-error を参照
DevTools や SSR でストアの設定時に状態が欠落する → pinia-setup-store-return-all-state を参照

リアクティブ性

ストアのデストラクチャリングにより、UIのリアクティブな更新が停止する → 「pinia-store-destructuring-breaks-reactivity」を参照
テンプレート内でのストアメソッド呼び出しでコンテキストが失われる → 「store-method-binding-parentheses」を参照

ステートパターン

リフレッシュ時にフィルターがリセットされる、または共有できない → state-url-for-ephemeral-filters を参照
DevTools や規約に依存しない本番向けアプリの構築 → state-use-pinia-for-large-apps を参照

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)

すべてのファイル

7件のファイル

SKILL.md 1.1k

表示

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

表示

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

表示

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

表示

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

表示

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

表示

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

表示