Vuex es un patrón de administración de estado y una biblioteca, esto significa que Vuex nos permite almacenar todos nuestros datos y todos los métodos relacionados con obtener y cambiar esos datos en un solo lugar centralizado, este lugar centralizado es nuestro Vuex Strore.
Todos los componentes de nuestra aplicación tendrán acceso al store y por lo tanto a los datos y a los métodos. Pero, ¿Por qué necesitamos tener todos nuestros datos y métodos en un lugar centralizado? Bien, en una aplicación sencilla, puede no ser necesario el uso de Vuex pero, en una aplicación que sea más compleja será muy útil dividir la aplicación en componentes secundarios, esto puede llegar a complicarse mucho si nuestros datos y métodos se están almacenando en los diferentes componentes de vista ya que habrá que pasar muchos props de componentes padres a componentes hijos, se deberán desencadenar muchos eventos diferentes y al final la aplicación puede ser my complicada de entender, de mantener y de escalar.
Gracias Vuex no tendremos que preocuparnos de todo esto ya que todo estará centralizado y accesible para todos los componentes de nuestra aplicación, tanto los datos como los métodos.
En el siguiente PDF encontrarás un ejemplo completo de implementación y uso de Vuex, se trata de un ejemplo práctico para comprender qué es Vuex , que es el Store, que son las mutaciones, acciones, y cómo podemos trasladar nuestros datos métodos locales al store.
Antes de iniciar la pequeña aplicación de ejemplo, se explica cómo instalar un proyecto Vue.js con CLI.
No hay comentarios:
Publicar un comentario