Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.
How to use
Zainstaluj Pinię w swoim projekcie Vue jako zależność. Biblioteka jest oparta na wersji 3.0.4 i wymaga kompatybilnego środowiska Vue.
Zdefiniuj swój pierwszy magazyn (store) używając funkcji
defineStore(). Określ stan (state), gettery (getters) do odczytywania danych oraz akcje (actions) do modyfikacji stanu. Możesz wybrać styl Options API lub Composition API w zależności od preferencji.Użyj
storeToRefs()w komponentach, aby bezpiecznie rozpakować reaktywne referencje do stanu bez utraty reaktywności. To podejście zapewnia pełne wsparcie TypeScript.Implementuj komunikację między magazynami, unikając zależności cyklicznych. Pinia wspiera composowanie stores, co pozwala na czystą architekturę aplikacji.
Rozszerz funkcjonalność magazynów za pomocą pluginów, dodając niestandardowe właściwości i zachowania. Pluginy umożliwiają globalne rozszerzenia dla wszystkich stores.
Testuj swoje magazyny jednostkowo, korzystając z pakietu
@pinia/testingdo mockowania i stubbowania. Pinia zapewnia narzędzia do efektywnego testowania logiki stanu w izolacji.