El ecosistema de Vue.js
Descargar como PPTX, PDF0 recomendaciones720 vistas
Este documento presenta una introducción al ecosistema de Vue.js, incluyendo sus componentes principales como Vue, Vue Router y Vuex. Explica brevemente qué es Vue.js, sus características como ser liviano y enfocado en la capa de vista. Luego describe los componentes, ciclo de vida y cómo se pueden reutilizar los componentes. Finalmente presenta el ecosistema completo y algunas herramientas y plugins populares.
El ecosistema de Vue.js
- 1. El ecosistema de Vue.js vue - vue-router - vuex - vue-cli
- 2. Acerca de mi Bio Soy Hugo Gilmar Erazo, desarrollador full stack con 12 años de experiencia. Fiel partidario del free software y el open source. Fanático de GNU/Linux y la terminal de comandos. Qué hago para comer Software Developer en Perfiles @hugogilmar @hugogilmar Blog nanotutoriales.com
- 3. Objetivos ● ¿Qué es Vue.js? ● Componentes ● Ciclo de vida ● Ecosistema ● Herramientas ● Aplicación en la vida real ○ Vistas y componentes ○ Rutas ○ Manejo del estado ○ Plugins
- 5. ¿Qué es Vue.js? Descripción Vue (pronunciado / vju /, como vista en inglés) es un framework progresivo para crear interfaces de usuario.
- 6. ¿Qué es Vue.js? Características ● Patrón MVVM. ● Liviano. ● Simplicidad. ● Enfocado en la capa de la vista. ● Fácil integración. ● Reactividad. ● Curva de aprendizaje baja. ● Escalabilidad. ● Muy buena documentación. ● Soporte para desarrollo de SPA (ecosistema). ● Mantenible. ● Testeable.
- 8. Componentes
- 9. Componentes Descripción Los componentes permiten encapsular funcionalidad del resto del código de tal forma que se pueda reutilizar e integrar fácilmente en diferentes secciones e incluso proyectos.
- 10. Componentes Estructura Los componentes en Vue tienen una estructura simple: template HTML, JavaScript y CSS.
- 12. Ciclo de vida
- 13. Ciclo de vida ● beforeCreate ● created ● beforeMount ● mounted ● beforeUpdate ● updated ● beforeDestroy ● destroyed
- 14. Ciclo de vida
- 15. Ecosistema
- 16. Ecosistema ● Vue ● Vue router ● Vuex
- 17. Vue Core Librería principal en donde todos los demás elementos del ecosistema son acoplados.
- 18. Vue router Rutas Manejo de rutas e integración con los componentes para el desarrollo de SPA’s.
- 19. Vue router Características ● Mapeo de rutas / vistas. ● Rutas dinámicas. ● Links con manejo automático del estado activo. ● Historial de navegación. ● Navegación programática. ● Transiciones. ● Guards.
- 21. Vuex Estado Manejo del estado de la aplicación integración con los componentes para el desarrollo de SPA’s.
- 22. Vuex Flujo
- 24. Plugins
- 25. Plugins Herramientas y librerías ● Vue Loader. ● Vuetify. ● CLI. ● Vue I18n. ● Axios. ● NativeScript. ● Electron. ● ....
- 28. Gracias!!!