Introducción
Bienvenidos al Curso Profesional de VueJS
Introducción a VueJS
CLI y Dev Tools
Herramientas y Experiencia de Desarrollo + Archivos .vue
CLI - Hello World
Webpack
Babel
Eslint
SASS y BULMA
PUG
Ejercicio de SASS y PUG
Ejercicio Avanzado de Pug y SASS
Manipulación del DOM
Expresiones
Directivas
Data Binding
Computed properties
Watchers
Eventos
Integración a Platzi Music
Ejercicio de Manipulación del DOM
REST y HTTP
Servicios
Consumir API's REST
Fetch API & Trae
Sistema de Componentes
Component
Creación de componentes
Reactividad
Ciclo de vida
Comunicación entre componentes padres e hijos
Comunicación de hijos hacia padres
Utilización de Slots
Comunicacion entre Componentes Genericos - Event Bus y Plugins
Vue Router
Introducción a Vue Router
Instalar vue-router y configurar router view
Crear y Navegar Rutas con router-link
Extendiendo VueJS
Modifiers
Filtros
Directivas Personalizadas
Mixins
Clases, Animaciones y Transiciones36
Vue Transitions y Animaciones de CSS
Vuex
Estado Centralizado, Flux y Vuex
State
Mutations
Getters
Actions
Integración a Platzi Music
Nuxt.js
Server Side Rendering
Nuxt.js
Conceptos Básicos de Nuxt
Deploy a Producción con Now
Qué es now
Configuración de now y deploy
Conclusiones
Cierre del curso
Bonus
Internacionalización con vue-i18n
Unit Test Karma - Mocha & Webpack
Implementación de Autenticación de Usuarios en Vue usando JWT
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 7
Preguntas 1
Hay que tener en cuenta que:
created: En esta instancia todavia no existe el DOM, por lo cual no puedo acceder a elementos HTML.
mounted: En esta instancia ya existe el DOM y es posible acceder al mismo.
destroyed: En esta instancia el componente ya no existe mas y no va a ser posible acceder a variables declaradas en data, a métodos, etc.
Es importante entender estas limitaciones a la hora de usar los Hooks del ciclo de vida de los components.
Cada instancia de Vue pasa a través de una serie de pasos de inicialización cuando es creada - por ejemplo, se necesita configurar la observación de datos, compilar la plantilla, montar la instancia en el DOM y actualizar el DOM cuando cambian los datos. En el camino, también se ejecutan funciones llamadas hooks del ciclo de vida, lo que brinda a los usuarios la oportunidad de agregar su propio código en etapas especÃficas.
Por ejemplo, el hook created puede ser utilizado para ejecutar código después que una instancia es creada
Nacho si sabe de música, le gusta Spinetta jajaja
Les comparto un enlace acerca de Vue Cheatsheet, donde se explica el ciclo de vida, las directivas, propiedades y más eventos de este Framework. 😀
El created lo usamos en un capÃtulo pasado para consumir API’s, es un sencillo ejemplo de cómo podemos usar estos hooks:D
Por fin entiendo la importancia práctica de estos Hooks. Si bien en los tutoriales los mencionan, no generan suficiente contexto como este chaval.
Buen profesor, con la vocesota hace que siempre esté atento a cualquier explicación.
El ciclo de vida o hook son evento que permiten manipular las etapas de un componentes los hook son eventos, los hook son los siguiente beforeCreate, Create monted, beforeUpdate, update, beforeDestroy, destroyed, cada uno de estos se utilizan para insertar codigo segun lo que combengan.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.