Wyjaśnij własnymi słowami, czym jest Vuex.

Vuex to biblioteka zarządzania stanem dla aplikacji Vue.js. Zapewnia scentralizowane przechowywanie dla wszystkich komponentów aplikacji, gwarantując, że zmiany tego stanu są przewidywalne. Jest to szczególnie przydatne w dużych jednostronicowych aplikacjach (SPA) złożonych z interakcji między komponentami, gdzie przekazywanie danych przez props staje się uciążliwe.

Główne koncepcje obejmują:

• Stan (State): Sam obiekt danych.
• Getters: Funkcje do wyodrębniania danych pochodnych ze stanu.
• Mutacje: Jedyny sposób na zmianę stanu. Zawsze są synchroniczne.
• Akcje (Actions): Funkcje do wykonywania operacji asynchronicznych lub wywoływania jednej lub wielu mutacji.
• Moduły: Pozwalają podzielić magazyn na oddzielne części dla lepszej organizacji dużych aplikacji.

Przepływ danych w Vuex: Akcje mogą wywoływać mutacje, mutacje zmieniają stan, a komponenty reagują na zmiany stanu poprzez reaktywność Vue.

Przykład użycia w komponencie:

// Wyświetlanie danych ze stanu
computed: {
  count() {
    return this.$store.state.count
  }
},
// Wywołanie mutacji
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementuje wzorzec Flux/Redux, ale jest dostosowany do integracji z systemem reaktywnym Vue.