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
Composition API: Funciones
Veamos cómo definir funciones para nuestro componente, usando Composition API.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
Tal como comentamos antes, queremos que el evento de click aumente el valor de nuestro contador. Sin embargo, no queremos poner la lógica dentro del templete. Queremos que la lógica falle en la sección de script. Por lo tanto, vamos a invocar a una función llamada "increment". Esta función puede llevar el nombre que queramos. Podemos llamarlo en “increas”, “increment”, “aumentar”. Lo importante es que esta función tiene que estar definida en la sección de script. ¿De que manera definimos una función aquí? La sintaxis es distinta. Para Composition API simplemente escribimos aquí "aumentar" y lo que haremos es aumentar el valor de "count" en 1. Sin embargo, aquí hay un detalle Para modificar el valor de una variable de estado tenemos que escribir el ".value". De esta manera accedemos al valor de “count” y lo aumentamos en 1, entonces volvemos al navegador y esto continúa funcionando. Solo que ahora la lógica no está aquí en template, sino que está en una función llamada "aumentar".
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
27
Composition API: Funciones
30
35
38
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