Објасните својим речима шта је Vuex.

Vuex je biblioteka za upravljanje stanjima za Vue.js aplikacije. Ona pruža centralizovano skladište za sve komponente aplikacije, osiguravajući da su promene tog stanja predvidljive. Ovo je posebno korisno za velike jednostranične aplikacije (SPA) sa složenim interakcijama između komponenti, gde je prenos podataka putem props-a postao nezgrapan.

Glavni koncepti uključuju:

• Stanje (State): Sam objekat sa podacima.
• Getters: Funkcije za izvlačenje izvedenih podataka iz stanja.
• Mutacije: Jedini način za promenu stanja. Uvek su sinhrone.
• Akcije (Actions): Funkcije za izvršavanje asinhronih operacija ili pozivanje jedne ili više mutacija.
• Moduli: Omogućavaju deljenje skladišta na odvojene delove radi bolje organizacije velikih aplikacija.

Tok podataka u Vuex: Akcije mogu pozvati mutacije, mutacije menjaju stanje, a komponente reaguju na promene stanja putem reaktivnosti Vue.

Primer korišćenja u komponenti:

// Prikaz podataka iz stanja
computed: {
  count() {
    return this.$store.state.count
  }
},
// Pozivanje mutacije
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementira obrazac Flux/Redux, ali je prilagođen za integraciju sa reaktivnim sistemom Vue.