Vysvětli svými slovy, co je Vuex.

Vuex je knihovna pro správu stavu pro aplikace Vue.js. Poskytuje centralizované úložiště pro všechny komponenty aplikace a zajišťuje předvídatelné změny tohoto stavu. To je obzvláště užitečné pro velké jednostránkové aplikace (SPA) s složitou interakcí mezi komponentami, kde je předávání dat přes props nepraktické.

Hlavní koncepty zahrnují:

• Stav (State): Samotný objekt s daty.
• Getters: Funkce pro extrakci odvozených dat ze stavu.
• Mutace: Jediný způsob, jak změnit stav. Jsou vždy synchronní.
• Akce (Actions): Funkce pro provádění asynchronních operací nebo volání jedné nebo více mutací.
• Moduly: Umožňují rozdělit úložiště na samostatné části pro lepší organizaci velkých aplikací.

Tok dat v Vuex: Akce mohou volat mutace, mutace mění stav a komponenty reagují na změny stavu prostřednictvím reaktivity Vue.

Příklad použití v komponentě:

// Zobrazení dat ze stavu
computed: {
  count() {
    return this.$store.state.count
  }
},
// Volání mutace
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementuje vzor Flux/Redux, ale je přizpůsoben pro integraci s reaktivním systémem Vue.