Espera un momento ...
¿Te gustaría llevar mi curso de Laravel, gratis?
Sólo debes ingresar tus datos:
¡Suscríbete y continúa aprendiendo!
Esta lección está disponible únicamente para suscriptores.
Regístrate o inicia sesión para continuar aprendiendo:
Frontend
Aprendiz
Shorthands
Ten en cuenta que algunas directivas se pueden escribir de forma abreviada. Veamos un ejemplo.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
Ya que estamos aquí, hablemos de "shorthands". Los "shorthands" nos permiten escribir directivas de Vue de manera abreviada. Por ejemplo, aquí tenemos una directiva, “v-for” que está escrita tal cual. Sin embargo, este “@” es un “shorthands”. Es decir, es también una directiva Vue, pero que se ha escrito en su forma abreviada. Si nosotros quisiéramos escribir la directiva tal cual es, esta directiva se llamaría “v.on”. “V.on”, o sea, vamos a reaccionar ante algo cuando ocurra algo. Eso significa “on” sobre algo. Entonces este “@” lo podemos reemplazar por la directiva “v.on” en su forma completa. Y si actualizamos, vamos a ver que el proyecto continúa funcionando. Es importante que conozcas esto porque en algunos proyectos podrías ver escrito el término “v.on”. Pero ten en cuenta que el final lo puedes abreviar simplemente con un “@”, y esto significa que estás escuchando un evento. El “@” es para escuchar un evento. En este caso escuchas el evento “addProduct” sobre este componente y en este caso escuches el evento de click sobre este componente.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
30
35
38
Shorthands
44
48
49
56
79
81
82
84
99
107
112
119
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript