A2. Tutorial de Vue 3

Objetivos

• Familiarizarse con los fundamentos de Vue 3 mediante su tutorial oficial.
• Crear proyectos Vue independientes para practicar los conceptos estudiados.
• Documentar el código desarrollado y los resultados obtenidos.

Desarrollo de la actividad

Realiza los nueve primeros pasos del tutorial oficial de Vue 3:

1. Getting Started (no es necesario realizarlo).
2. Declarative Rendering.
3. Attribute Bindings.
4. Event Listeners.
5. Form Bindings.
6. Conditional Rendering.
7. List Rendering.
8. Computed Property.
9. Lifecycle and Template Refs.

Para cada uno de los pasos del 2 al 9 deberás:

1. Crear un proyecto Vue independiente utilizando las herramientas de desarrollo trabajadas en clase.
2. Reproducir y ejecutar el ejemplo propuesto en el tutorial, comprobando su funcionamiento en el navegador.
3. Documentar el trabajo realizado en el archivo .md que crearás para la actividad, tal y como se indica en el siguiente apartado.

Documentación

El documento Markdown de la actividad tendrá un epígrafe por cada paso del tutorial realizado.

Cada epígrafe incluirá:

• Captura de pantalla. Una imagen en la que se visualicen simultáneamente el código del proyecto en VS Code y el resultado de su ejecución en el navegador.
• Resumen. Una explicación muy breve de los conceptos aprendidos en ese paso.
• Ampliación (opcional). Comentarios, explicaciones adicionales o referencias a la documentación oficial de Vue para profundizar en algún concepto.

La documentación de la actividad deberá estar publicada y accesible mediante GitHub Pages. No es necesario desplegar los proyectos Vue realizados, únicamente la documentación Markdown.

Entrega

Se entregará en AULES un único archivo PDF generado a partir del documento Markdown utilizando la extensión Markdown PDF de Visual Studio Code.

El PDF deberá contener los ocho epígrafes, con sus correspondientes capturas y resúmenes.