Explică în propriile tale cuvinte ce este Vuex.

Vuex este o bibliotecă de gestionare a stării pentru aplicațiile Vue.js. Oferă un depozit centralizat pentru toate componentele aplicației, asigurând că modificările acestei stări sunt previzibile. Acest lucru este deosebit de util pentru aplicațiile mari de tip single-page (SPA) cu interacțiuni complexe între componente, unde transmiterea datelor prin props devine dificilă.

Conceptele principale includ:

• Starea (State): Obiectul de date în sine.
• Getters: Funcții pentru extragerea datelor derivate din stare.
• Mutations: Singura modalitate de a modifica starea. Sunt întotdeauna sincronice.
• Acțiuni (Actions): Funcții pentru a efectua operații asincrone sau pentru a apela una sau mai multe mutații.
• Module: Permite împărțirea depozitului în părți separate pentru o organizare mai bună a aplicațiilor mari.

Fluxul de date în Vuex: Acțiunile pot apela mutații, mutațiile modifică starea, iar componentele reacționează la schimbările de stare prin reactivitatea Vue.

Exemplu de utilizare într-un component:

// Afișarea datelor din stare
computed: {
  count() {
    return this.$store.state.count
  }
},
// Apelarea mutației
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementează pattern-ul Flux/Redux, dar este adaptat pentru integrarea cu sistemul reactiv al Vue.