≡En resumen
- Vue es un framework progresivo: puedes usarlo en una sola parte de una web o para toda una aplicación.
- Sus dos pilares son el renderizado declarativo con plantillas HTML y la reactividad automática.
- Vue 3 es la única versión mantenida; Vue 2 dejó de recibir soporte a finales de 2023.
- Nuxt es el framework basado en Vue para SSR, generación estática y SEO.
- Frente a React y Angular destaca por su curva de aprendizaje suave y su documentación oficial.
01 ¿Qué es Vue.js?
Evan You lo creó después de trabajar con AngularJS en Google: quería quedarse con lo que le gustaba de aquel framework (las plantillas y el enlace de datos) en algo más ligero. Publicó la primera versión en febrero de 2014 y desde entonces el proyecto es independiente, financiado por patrocinadores y mantenido por un equipo central y la comunidad.
Vue trabaja en la capa de front-end: lo que el usuario ve y toca en el navegador. Para los datos se comunica con un back-end mediante APIs, igual que cualquier otra librería de interfaz.
02 Cómo funciona Vue: reactividad y componentes
Renderizado declarativo
Describes en una plantilla cómo debe verse la interfaz según el estado, y Vue genera el HTML. Tú cambias los datos, no el DOM.
Reactividad
Vue rastrea qué datos usa cada parte de la vista y, cuando cambian, actualiza solo esa parte de forma eficiente.
Componentes de un solo archivo
Los archivos .vue reúnen plantilla, lógica y estilos de un componente. Es la forma recomendada en proyectos con herramienta de compilación.
Directivas
Atributos especiales como v-if, v-for, v-bind o v-model añaden lógica a la plantilla: condicionales, bucles, enlaces y formularios.
Este componente completo muestra un botón que suma clics:
<script setup> import { ref } from 'vue'; const count = ref(0) </script><template> <button @click="count++">Clics: {{ count }}</button> </template>
ref(0) crea un valor reactivo; cada vez que cambia, Vue vuelve a pintar el texto del botón. No hay que buscar el elemento ni actualizarlo a mano.
Vue 3 ofrece dos estilos para escribir componentes. La Options API organiza el código en bloques (data, methods, computed) y es la más fácil para empezar. La Composition API agrupa la lógica por funcionalidad y permite reutilizarla en funciones llamadas composables; es la opción preferida en aplicaciones grandes y con TypeScript. Las dos comparten el mismo sistema de reactividad y pueden convivir en un proyecto.
03 ¿Para qué sirve Vue.js?
La documentación oficial lo define como el framework progresivo porque se adapta al tamaño del problema. No tienes que reescribir una web para empezar a usarlo.
| Uso | Qué significa | Ejemplo típico |
|---|---|---|
| Mejorar HTML existente | Se carga desde un script, sin compilación, en una página ya hecha | Un filtro de productos o un simulador dentro de una web WordPress |
| Aplicación de una sola página (SPA) | Vue gestiona toda la interfaz y la navegación en el navegador | Panel de clientes, intranet, CRM a medida |
| Renderizado en servidor (SSR) | El HTML se genera en el servidor y luego se hidrata en el navegador | Tienda online o web de contenidos que necesita SEO, normalmente con Nuxt |
| Generación estática (SSG) | Las páginas se generan como HTML en la compilación | Documentación, blogs técnicos (VitePress) |
| Web components y otros destinos | Componentes empaquetados para cualquier web; también escritorio o móvil con herramientas de terceros | Widget de reservas incrustable en varias webs |
04 Vue vs React vs Angular: diferencias
Las tres opciones sirven para construir interfaces modernas y ninguna es mejor en todo. React es una biblioteca centrada en la vista con el ecosistema más grande; Angular es un framework completo y muy estructurado; Vue queda en medio: trae más piezas oficiales que React, pero pide menos convenciones que Angular. No hay que confundir Angular con AngularJS, su antecesor, que perdió el soporte en 2021.
| Aspecto | Vue | React | Angular |
|---|---|---|---|
| Qué es | Framework progresivo | Biblioteca de interfaz | Framework completo |
| Origen | Evan You, 2014 (proyecto independiente) | Meta (Facebook), 2013 | Google, 2016 (reescritura de AngularJS) |
| Plantillas | HTML con directivas o JSX opcional | JSX (JavaScript con sintaxis tipo HTML) | HTML con sintaxis propia |
| Piezas oficiales | Router, Pinia (estado), Vite, herramientas de desarrollo | Solo la vista; el resto lo elige el equipo | Casi todo incluido: router, formularios, HTTP, pruebas |
| Curva de aprendizaje | Suave | Media | Más pronunciada (TypeScript obligatorio) |
| Framework de SSR habitual | Nuxt | Next.js | Angular SSR integrado |
| Uso (Stack Overflow 2025) | 17,6 % | 44,7 % | 18,2 % |
05 Ecosistema de Vue: Nuxt, Vite, Pinia y más
Nuxt
Framework sobre Vue para SSR, generación estática y rutas basadas en archivos. Nuxt 4 salió en julio de 2025 y es la opción habitual cuando el SEO importa.
Vite
Herramienta de compilación y servidor de desarrollo creada también por Evan You. Es la base recomendada para proyectos nuevos con Vue.
Pinia
Librería oficial de gestión de estado global. Sustituye a Vuex como recomendación para Vue 3.
Vue Router
Enrutador oficial para aplicaciones de una sola página: URLs, navegación y rutas protegidas.
VitePress
Generador de sitios estáticos pensado para documentación; la propia documentación de Vue está hecha con él.
Vue DevTools
Extensión de navegador para inspeccionar componentes, estado y rendimiento durante el desarrollo.
Una aplicación Vue renderizada solo en el navegador puede ser un problema para el SEO y para la primera carga, porque el HTML inicial llega casi vacío. Por eso, en webs públicas que deben posicionar se usa renderizado en servidor o generación estática con Nuxt, y en paneles internos, donde Google no entra, basta con una SPA.
06 Versiones de Vue: de Vue 2 a Vue 3.6
| Fecha | Hito |
|---|---|
| Febrero de 2014 | Primera versión pública de Vue.js |
| Septiembre de 2016 | Vue 2: DOM virtual y renderizado en servidor |
| 18 de septiembre de 2020 | Vue 3 «One Piece»: Composition API, reescritura en TypeScript y mejor rendimiento |
| 31 de diciembre de 2023 | Fin del soporte de Vue 2 |
| Septiembre de 2024 | Vue 3.5: mejoras de reactividad y de memoria |
| Septiembre de 2026 | Vue 3.5.43 como versión estable y Vue 3.6 en release candidate, con el nuevo modo Vapor |
El modo Vapor de Vue 3.6 es una forma opcional de compilar componentes que prescinde del DOM virtual y genera código que actualiza directamente los elementos afectados, con menos memoria y menos JavaScript. Mientras siga en fase de candidata, lo prudente es usarlo en pruebas y no en producción.
07 Cómo empezar un proyecto con Vue
-
1
Instala Node.js
Usa una versión LTS actual; la necesitas para Vite y para el gestor de paquetes.
-
2
Crea el proyecto
Ejecuta npm create vue@latest y elige TypeScript, Vue Router, Pinia y herramientas de pruebas según lo que necesites.
-
3
Arranca el servidor de desarrollo
npm install y npm run dev levantan Vite con recarga instantánea al guardar.
-
4
Decide el renderizado
Si la web necesita SEO, empieza con Nuxt; si es un panel privado, una SPA con Vite es suficiente.
-
5
Compila para producción
npm run build genera los archivos optimizados que subirás al servidor o a una plataforma de despliegue.
Elegir la tecnología es solo una parte: la arquitectura, la API y el rendimiento pesan tanto como el framework. En nuestros proyectos de desarrollo web a medida usamos Vue o React según el equipo del cliente y el tipo de producto, y lo mismo cuando construimos una plataforma SaaS a medida con panel de usuario, suscripciones y facturación.
Preguntas frecuentes sobre Vue.js
Vue.js es un framework de JavaScript para construir interfaces de usuario con componentes reactivos. Sirve para crear desde piezas interactivas dentro de una web hasta aplicaciones completas de una sola página o con renderizado en servidor.
Es un framework progresivo. El núcleo se centra en la vista, como una librería, pero incluye piezas oficiales (router, gestión de estado, compilación) que lo convierten en un framework completo cuando las necesitas.
Vue usa plantillas HTML con directivas y trae más herramientas oficiales; React usa JSX y deja más decisiones al equipo. React tiene un ecosistema y un mercado laboral mayores; Vue suele ser más rápido de aprender.
A 29 de septiembre de 2026, la versión estable es Vue 3.5.43, publicada el 17 de septiembre de 2026. Vue 3.6, con el modo Vapor, está en fase de release candidate.
No. Vue 2 llegó al fin de su vida útil el 31 de diciembre de 2023 y ya no recibe actualizaciones oficiales, así que los proyectos en Vue 2 deberían migrar a Vue 3.
Nuxt es un framework construido sobre Vue que añade renderizado en servidor, generación estática, rutas por archivos y utilidades de SEO. Es a Vue lo que Next.js es a React.
Sí. Vue es software libre con licencia MIT: puedes usarlo en proyectos comerciales sin pagar licencias. El proyecto se financia con patrocinios.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗