Vue 3 Script Setup

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.