Del curso: Vue avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

Enviando datos de componentes padres con $emit

Enviando datos de componentes padres con $emit - Tutorial de Vue

Del curso: Vue avanzado 1

Enviando datos de componentes padres con $emit

En esta lección te voy a mostrar cómo enviar información desde componentes hijos a componentes padres con la función 'emit'. Yo aquí tengo una galería. Cada una de estas imágenes es un componente en sí. Cuando yo hago clic en una de las imágenes, puedes notar que el componente 'App' hace un 'console.log' del URL de la imagen dentro de este componente. 'App' es el componente padre de mi aplicación. Ahora veamos el código. Aquí puedes ver 'App', este es el 'console.log' que viste en pantalla anteriormente. Este 'console.log' sucede dentro de la función 'expandingImagen'. Esta función es llamada cuando el evento 'imagen-click' se lanza desde el componente 'Galeria'. 'Galeria' es el componente que se encarga de generar cada una de las instancias del componente 'Imagen'. Si nos vamos a 'Galeria', puedes notar que a través de un v-for yo genero cada una de las instancias de imagen. Dentro de 'Imagen' yo tengo un 'div' que contiene el "tag" de la imagen. Pueden notar que aquí yo no tengo…

Contenido