Pinia shine dakarun gudanarwar jerin abubuwa na Vue na musamman (magaji na Vuex) — store na tsakiya don jerin abubuwa wajen ya kamata a raba a gida da yawa ɓataye, tare da API mabur, type-safe wanda ke danganta da Composition API.
{ defineStore } ;
{ ref, computed } ;
useCounterStore = (, {
count = ();
double = ( count. * );
() { count.++; }
() { count. = api.(); }
{ count, double, increment, fetchInitial };
});
Wannan "setup store" yana kama kwat-kwat kamar composable — ref don jerin abubuwa, computed don masu samarwa, ayyuka don matuka — yana dagewa zaman tunani ya hankali idan kun sani Composition API.
<script setup>
import { useCounterStore } from "@/stores/counter";
import { storeToRefs } from "pinia";
const store = useCounterStore();
const { count, double } = storeToRefs(store); // keep state reactive when destructured
const { increment } = store; // actions can be destructured directly
</script>
<template>
<button @click="increment">{{ count }} (x2 = {{ double }})</button>
</template>
Muhimmi: yi amfani da storeToRefs lokacin da kuke raba jerin abubuwa/masu samarwa — waje raba zai karya motsin sauyi (sanannun gargadi na motsin sauyi kamar reactive). Matuka ba su buƙatar shi ba.
✓ No mutations boilerplate — actions can mutate state directly
✓ Excellent TypeScript inference (Vuex was painful to type)
✓ Modular by design — many small stores, no nested-module complexity
✓ Composition-API-native, tiny API, devtools support
props/emits → parent ↔ child
provide/inject → share within a subtree
Pinia store → GLOBAL/app-wide shared state (auth user, cart, settings)
accessed by many unrelated components
Pinia shine madadin kayyade don jerin abubuwa na duniya, raba a cikin apps Vue — mai amfani/shaida, jerin kayan siyayya, saitattun app, bayanan da aka ajiye — abin da yawa bangarorin nesa dole ne su karanta da sabuntawa cikin daidai.
API na sass composable, tallafin TypeScript na farko, da rashin boilerplate na Vuex ya sa shi zabin da ake tabasinta.
Sanin lokacin da zai kamata a yi amfani da shi (da sabanin props/inject) lokacin da jerin abubuwa ya kasance na gaske na duniya, da kuma yi amfani da storeToRefs don adana motsin sauyi a raba, shine babbar bahagi na yin amfani da shi daidai.