Vue 3 Script Setup
Este curso pertenece a las siguientes rutas de aprendizaje
Desbloquea el curso
Contrata un plan y consigue acceso completo
Crea tu cuenta¿Ya tienes una cuenta? Iniciar sesión
En este minicurso aprenderás a utilizar la nueva sintaxis que nos ofrece Vue 3 para el trabajo con SFC (Single File Components) a través de script setup. Verás que es una poderosa alternativa que nos ofrece ventajas con respecto al uso de la función setup de la nueva API de Composición.
Un código más breve y con menos repeticiones.
Posibilidad de declarar props y eventos emitidos usando TypeScript puro.
Mejor rendimiento en tiempo de ejecución (la plantilla se compila en una función de representación en el mismo ámbito, sin un proxy intermedio).
Mejor rendimiento de la inferencia de tipos del IDE (menos trabajo para que el servidor de idiomas extraiga los tipos del código).
Algo a tener en cuenta también sería lo siguiente:
El código interno se compila como el contenido de la función
setup()
del componente . Esto significa que, a diferencia de<script>
normal , que solo se ejecuta una vez cuando el componente se importa por primera vez, el código dentro de<script setup>
se ejecutará cada vez que se cree una instancia del componente.
Si te interesa aprender a trabajar con esta nueva sintaxis en tus proyectos Vue 3 con Composition API, no lo dudes, suscríbete ahora a la plataforma y accede de inmediato.
Acerca del autor
Desarrollador con 10 años de experiencia en web y móvil y formador con 7 años de experiencia.
Empecé en el mundo de la programación a raíz de un accidente de trabajo y me tuve que reinventar.
Soy autodidacta, me dedico de forma profesional a desarrollar software y cada día aprendo cosas nuevas.
Apasionado del backend, me encanta todo lo que tiene que ver con procesos y lógica.
Me encanta programar, pero todavía más ayudar a otras personas en su proceso de formación.
Israel Parra
Php, JavaScript, Laravel, Vue, React, React Native, Svelte, Serverless
2 valoraciones
Resumen brutal
No conocía esta forma de escribir código en Vue 3, me ha gustado mucho, ahorras bastante código.