Pinia Vue యొక్క అధికారిక స్టేట్-మేనేజ్మెంట్ లైబ్రరీ (Vuex యొక్క వారసుడు) — అనేక కాంపోనెంట్ల నుండి భాగస్వామ్యం చేయవలసిన స్టేట్ కోసం సంకేంద్రీకృత store, Composition API పై నిర్మించిన సరళ, టైప్-సేఫ్ API తో.
{ defineStore } ;
{ ref, computed } ;
useCounterStore = (, {
count = ();
double = ( count. * );
() { count.++; }
() { count. = api.(); }
{ count, double, increment, fetchInitial };
});
ఈ "setup store" సరిగ్గా composable వలె కనిపిస్తుంది — స్టేట్ కోసం ref, getters కోసం computed, actions కోసం ఫంక్షన్లు — మీరు 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>
ముఖ్యమైనది: స్టేట్/getters విచ్ఛేదనం చేసేటప్పుడు storeToRefs ఉపయోగించండి — సాధారణ విచ్ఛేదనం రియాక్టివిటీని తెగిస్తుంది (reactive వలె అదే రియాక్టివిటీ సতর్కత). Actions దీనికి అవసరం లేదు.
✓ 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 Vue యాప్లలో గ్లోబల్, భాగస్వామ్య స్టేట్కు ప్రామాణిక సమాధానం — వినియోగదారు/ప్రామాణీకరణ, షాపింగ్ కార్ట్లు, యాప్ సెట్టింగ్లు, కాష్ చేసిన డేటా — అనేక దూరవర్తీ కాంపోనెంట్లు స్థిరంగా చదువుకోవలసిన మరియు నవీకరించవలసిన ఏదైనా.
మూసటాప్ స్టైల్ API, ఫర్స్ట్-క్లాస్ TypeScript సపోర్ట్, మరియు Vuex యొక్క బాయిలర్ప్లేట్ లేకపోవడం దీనిని సిఫారసు చేసిన ఎంపికగా చేస్తుంది.
స్టేట్ నిజంగా గ్లోబల్ అయినప్పుడు దీనిని ఎప్పుడు చేపట్టాలో తెలుసుకోవడం (vs props/inject), మరియు విచ్ఛేదనంపై రియాక్టివిటీని సంరక్షించడానికి storeToRefs ఉపయోగించడం, దీనిని సరిగ్గా ఉపయోగించటకు ఆధారం.
జూనియర్ నుండి సీనియర్ వరకు వివరణాత్మక సమాధానాలతో IT ఇంటర్వ్యూ ప్రశ్నల లైబ్రరీ.
విరాళం