Saltar al contenido

Aprender Vue.JS EventBus communicationNov, 19thIn este tutorial, vamos a aprender acerca de cómo crear EventBus …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo crear EventBus en Vue con la ayuda del ejemplo.

¿Cuál es EventBus? En

Vue, EventBus nos ayuda para la comunicación entre los componentes hijos con la ayuda de los acontecimientos.

Este tutorial asume que ya ha instalado la aplicación mediante el uso de vue vue-cli.

Vamos a crear un nuevo archivo llamado eventbus.js dentro de la carpeta src y añadir el siguiente código.

import Vue from 'vue';
export const eventBus = new Vue();

Aquí se creó el EventBus mediante la exportación de la nueva instancia vue. tiempo de

que utilice nuestro bus de eventos.

crear un nuevo componente llamado componentA.vue dentro de la carpeta componentes.