Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Pinia to oficjalna biblioteka do zarządzania stanem w Vue, zaprojektowana z myślą o bezpieczeństwie typów i łatwości użycia. Obsługuje zarówno Options API, jak i Composition API, z wbudowaną integracją TypeScript i narzędziami deweloperskimi. Umożliwia definiowanie magazynów (stores), pracę ze stanem, getterami i akcjami, a także rozszerzanie funkcjonalności poprzez pluginy i composables.
Jak używać
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.