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 - 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…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
-
-
(Bloqueado)
Envío de datos de componente padres a hijos con props2 min 12 s
-
(Bloqueado)
Envío de datos entre componentes con inject/provide4 min 18 s
-
(Bloqueado)
Enviando datos a componentes hijos utilizando $attrs2 min 39 s
-
(Bloqueado)
Enviando datos de componentes padres con $emit2 min 22 s
-
(Bloqueado)
Acceso directo a elementos con template $refs2 min 23 s
-
(Bloqueado)
-
-