No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Custom events o eventos personalizados con Composition API

29/37
Recursos

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Una sintaxis que es muy común que veas en Vue es la sigueinte:
.

setup(props, { emit }) {
	// ... code
	emit("eventName", value);
	// ...code
}

Esto es muy común de hacer en Vue, aquí prácticamente, en lugar de obtener todo el context, desde el parámetro lo estamos destructurando, es decir, sabemos que en esa posición del parámetro vamos a recibir el context, pero para no recibir todo el context y únicamente recibir el emmit lo que se suele hacer es destructurarlo desde el parámetro. Así podeos usarlo como una función cualquiera ^^
.
Dejo el código de esta clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/60fc5e6ee0048432c21be99118a0c0191ff4e665

¿En qué casos se utiliza más la forma de codificar en Options y en cuáles la de Compositions?

Para Vue3 ya no es necesario pasar el argumento $event en la función al recibir el evento en el componente, de hecho solo es necesario pasar el nombre de la función sin los parentesis (ej. addcart). Vue detecta si el emit está pasando parámetros y se los envia a la función que recibe el evento como argumentos de esa función.

Ver aqui la documentación de Vue al respecto

Reitero lo que otros compañeros ya han manifestado anteriormente, y es que se hace muy complicado (para monitores promedio), la resolucion, o zoom, con el que fue editado este video.
Esto realmente genera mucho malestar para el que esta siguiendo el curso, ya que tenes abierto el editor de código, a la vez que el video del curso.
Se hace muy dificil la verdad, sería sensato que arreglen este tema.