Vysvetlite vlastnými slovami, čo je Vuex.

Vuex je knižnica na správu stavu pre Vue.js aplikácií. Poskytuje centralizované úložisko pre všetky komponenty aplikácie a zabezpečuje, že zmeny tohto stavu sú predvídateľné. To je obzvlášť užitočné pre veľké jednostránkové aplikácie (SPA) s komplexnými interakciami medzi komponentmi, kde je prenos dát cez props nepraktický.

Hlavné koncepty zahŕňajú:

• Stav (State): Samotný objekt s dátami.
• Getters: Funkcie na extrakciu odvodzených dát zo stavu.
• Mutácie: Jediný spôsob, ako zmeniť stav. Sú vždy synchronné.
• Akcie (Actions): Funkcie na vykonávanie asynchrónnych operácií alebo volanie jednej alebo viacerých mutácií.
• Moduly: Umožňujú rozdeliť úložisko na samostatné časti pre lepšiu organizáciu veľkých aplikácií.

Tok dát v Vuex: Akcie môžu volať mutácie, mutácie menia stav a komponenty reagujú na zmeny stavu prostredníctvom reaktivity Vue.

Príklad použitia v komponente:

// Zobrazenie dát zo stavu
computed: {
  count() {
    return this.$store.state.count
  }
},
// Volanie mutácie
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementuje vzor Flux/Redux, ale je prispôsobený na integráciu s reaktívnym systémom Vue.