javascript VueJS web
Comunicación entre componentes con Vue.js
Al trabajar con el framework Vue.js podemos dividir la lógica de las aplicaciones en componentes aislados e independientes; pero una cosa importante es la comunicación entre componentes.
En este post te mostraré cómo comunicar componentes usando $emit
y $refs
. En el primer caso usaremos $emit
para comunicar al padre un evento, y en el segundo caso vamos a usar $refs
para invocar a una función dentro del componente hijo.
Poniéndolo en otras palabras, primero veremos comunicación de componentes de hijo a padre, y después de padre a hijo. Gracias a esto vamos a llamar a una función de un componente desde otro componente usando Vue.js
Nota: esto funciona bien para componentes simples o para comunicación simple entre componentes; si quieres algo más complejo que involucre a más componentes puedes usar Vuex.