Curso de VUE 3 – Introducción a Vue 3

En esta nueva entrad del blog, quiero darte la bienvenida al nuevo curso de Vue 3, donde aprenderemos a desarrollar aplicaciones web.

A continuación algunas de las cosas que veremos en el curso:

• Sintaxis de los templates (plantillas)
• Reactividad usando computed y watches
• Directivas más comunes
• Eventos
• Componentes
• Manipulación del DOM

¡Comencemos!

Diferencias entre Vue 3 y Vue 2

• Mejor rendimiento: Más rápido y eficiente gracias a la implementación de un nuevo motor de reactividad y la optimización del compilador.
• Composition API: Introduce una nueva forma de escribir componentes llamada Composition API, que nos permite una mayor flexibilidad y reutilización de código.
• Fragmentos y teletransporte: Nos permite crear múltiples elementos raíz en un componente y teletransportar elementos a otros componentes.
• Mejoras en el manejo de eventos y transiciones y mejoras en integración con TypeScript.

Instalación y configuración del entorno de desarrollo

Para empezar a trabajar con Vue 3, es necesario instalar Node.js e instalar el Vue CLI.

El Vue CLI es una herramienta de la línea de comandos que nos permite crear y configurar proyectos.

Para instalarlo usaremos el siguiente comando:

npm install -g @vue/cli

Una vez instalado, procederemos a crear un nuevo proyecto usando la siguiente línea de comandos:

vue create my-project

Este comando nos abrirá un asistente interactivo en el cual podremos seleccionar las opciones de configuración del proyecto.

Por último, solo nos queda arranca nuestro servidor de desarrollo, y para ellos usaremos el siguiente comando:

npm run serve