Instanțierea Store-ului cu useStore() în Pinia în Vue.js & Nuxt

Instanțiază și accesează starea, getterii și acțiunile unui store Pinia în orice componentă Vue sau fișier TypeScript.

Sintaxă
const store = useUtilizatorStore();

Cum se utilizează un store Pinia

Funcția returnată de defineStore() este denumită convențional use<Nume>Store(). La apelul său în interiorul unei componente (în <script setup>), aceasta returnează instanța singleton a depozitului de stare.

Exemplu Concret: Consumarea store-ului într-o componentă
<script setup>
import { useUtilizatorStore } from '@/stores/utilizator';

const utilizatorStore = useUtilizatorStore();
</script>

<template>
  <div v-if="utilizatorStore.esteAutentificat">
    Bun venit, {{ utilizatorStore.utilizator.nume }}!
    <button @click="utilizatorStore.logout()">Ieșire</button>
  </div>
</template>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Instanțierea Store-ului cu useStore() în Pinia

Ai o nelămurire despre utilizarea comenzii Instanțierea Store-ului cu useStore() în Pinia sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.