Bases técnicas y desarrollo
en VUE
Jairo Andrés Mendieta
Ingeniero de software
¿Qué es VUE?
• Vue es un progresive framework para el desarrollo de interfaces:
• Framework progresivo se refiere a un enfoque de diseño de frameworks de
desarrollo que permite a los desarrolladores adoptar funcionalidades de
manera gradual, según sus necesidades específicas:
• Flexibilidad
• Adaptabilidad
• Rendimiento
• Interoperabilidad
Ciclo de vida de VUE
Comparación vs otras soluciones
Basic benchmark
Flujo de datos (FLUX)
El flujo de datos en una aplicación [Link] utilizando Vuex (en base al
patrón Flux) se puede resumir de la siguiente manera:
1. Interacción del Usuario: El usuario interactúa con la UI (por ejemplo, hace clic en un botón).
2. Acciones: Se despacha una acción que describe el cambio y puede realizar operaciones
asíncronas.
3. Mutaciones: La acción, a su vez, despacha una mutación que actualizará el estado en el store.
4. Vistas: Los componentes se suscriben a cambios en el store y se actualizan automáticamente al
cambiar el estado.
Flujo de flux
Estructura mecánica de VUE
Ventajas de flux en VUE
• Claridad en el Flux de Datos: Al seguir el patrón unidireccional, es más fácil rastrear el flujo de
datos en la aplicación.
• Simplicidad y Estructura: La nueva API de composición de Vue 3 junto con Vuex 4 proporciona
una manera más clara y estructurada para organizar el código, facilitando la escalabilidad y el
mantenimiento.
• Optimización de Rendimiento: Vue 3 está diseñado para ser más eficiente, lo que mejora la
respuesta y el rendimiento de las aplicaciones que usan este patrón.
Requerimientos VUE
• Gestión de paquetes: pnpm (recomendado o npm)
• Node 18.3 o superior
• Manejador de versiones:
• NVM
• Volta
• VUE CLI
LET’S GO!
