Eventos globales en Vue 3

Fecha de publicación: enero 13, 2021

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on google
Google+
Share on whatsapp
WhatsApp
Share on email
Email

En Vue 3 $on, $off y $once han sido eliminados y ya no podemos utilizar una instancia de Vue como bus para tener un sistema de comunicación global, algo que en muchos casos es muy útil.

Para ponernos en contexto, veamos un ejemplo de a lo que me refiero, en este caso utilizando Vue 2.

Eso en Vue 3 ya no es posible, pero por suerte tenemos alternativas que nos permiten hacer exactamente lo mismo, aunque por otra vía.

Provide/Inject al rescate

Lo que vamos a hacer para implementar eventos globales en Vue 3 va a ser primero instalar mitt, una vez instalado, gracias a provide/inject podremos tener la instancia de mitt a nivel global en nuestro proyecto. Para ello, vamos a modificar la inicialización de nuestra app.

A partir de ahora podemos hacer lo siguiente en nuestros componentes, por ejemplo utilizando la API de Composición.

¿Quieres acceder a más de 150 cursos de PHP y JavaScript?

¿Quieres ganar tiempo en tus desarrollos con nuestros proyectos descargables?


Vue, Laravel, Inertia, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Hazte Premium y consigue acceso completo
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register