집

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

보기