Del curso: Vue.js esencial

Accede al curso completo hoy mismo

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

Enviando información de componentes hijos a padres usando eventos y $emit()

Enviando información de componentes hijos a padres usando eventos y $emit() - Tutorial de Vue.js

Del curso: Vue.js esencial

Enviando información de componentes hijos a padres usando eventos y $emit()

En Vue, los props son la manera en que podemos enviar información desde componentes padres a componentes hijos y los emits son la manera en que nosotros podemos enviar información desde componentes hijos a componentes padres. Los emits, como su nombre lo indica, son básicamente emisiones o notificaciones de eventos que suceden dentro del componente hijo. Para definir emits en el Composition API, debemos utilizar la función defineEmits. Al llamar esta función, debemos pasar un arreglo, como puedes ver aquí, con cada uno de los eventos que este componente va a notificar. En caso de que el emit sea llamado dentro del código del componente, debemos crear una constante que reciba el resultado de llamar la función, como en este ejemplo; notificarCambios se va a llamar cuando el valor de este componente cambie, y luego, para yo poder notificar el cambio al valor al componente padre, debo llamar la función emit, pasar el nombre del evento que ya he inscrito anteriormente y luego el valor que…

Contenido