Explica con tus propias palabras qué es Vuex.

Vuex es una biblioteca de gestión de estado para aplicaciones Vue.js. Proporciona un almacenamiento centralizado para todos los componentes de la aplicación, asegurando que los cambios en este estado sean predecibles. Esto es especialmente útil para aplicaciones de una sola página (SPA) grandes con interacciones complejas entre componentes, donde pasar datos a través de props se vuelve engorroso.

Los conceptos principales incluyen:

• Estado (State): El objeto de datos en sí.
• Getters: Funciones para extraer datos derivados del estado.
• Mutaciones: La única forma de cambiar el estado. Siempre son síncronas.
• Acciones: Funciones para realizar operaciones asíncronas o llamar a una o varias mutaciones.
• Módulos: Permiten dividir el almacenamiento en partes separadas para facilitar la organización de aplicaciones grandes.

Flujo de datos en Vuex: Las acciones pueden llamar a mutaciones, las mutaciones cambian el estado, y los componentes reaccionan a los cambios en el estado a través de la reactividad de Vue.

Ejemplo de uso en un componente:

// Mostrar datos del estado
computed: {
  count() {
    return this.$store.state.count
  }
},
// Llamar a una mutación
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex implementa el patrón Flux/Redux, pero está adaptado para integrarse con el sistema reactivo de Vue.