Pinia is leabharlann stáit dhúnta Vue (an oidhreachta ar Vuex) — store lárnach don stát ar cheart a roinnt ar fud go leor comhpháirteanna, le API simplí, cineálsabhála atá bunaithe ar an Composition API.
{ defineStore } ;
{ ref, computed } ;
useCounterStore = (, {
count = ();
double = ( count. * );
() { count.++; }
() { count. = api.(); }
{ count, double, increment, fetchInitial };
});
Líonn an "setup store" seo go díreach cosúil le composable — ref don stát, computed do na getters, feidhmeanna do na gníomhartha — ag déanamh a bheith intúigthe duit má tú eolach ar an 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>
Tábhachtach: bain úsáid as storeToRefs agus tú a dhíscaoileadh an stáit/getters — dhéanfadh díscaoileadh simplí an reactivity a bhris (an rabhadh céanna ar reactivity agus reactive). Níl gá ag gníomhartha dó.
✓ 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
Is é Pinia an tuasolution caighdeánach do stát domhanda, roinnte in apps Vue — úsáideoir/fíordheimhniú, cairt siopadóireachta, socruithe feidhmchláir, sonraí i stór taisce — rud ar bith go leor comhpháirteanna i bhfad amach a chaithfidh a léamh agus a nuashonrú go comhsheasmhach.
A API i stíl composable, tacaíocht TypeScript ar tús aiceime, agus easpa boilerplate Vuex a dhéanann an rogha a bhfuiltear a mholadh.
A fhios a bheith agat cathain a roghnú dó (versus props/inject) nuair atá stát i ndáiríre domhanda, agus storeToRefs a úsáid chun reactivity a chaomhnú ar dhíscaoileadh, is é brí a úsáid go ceart.