Lifecycle Hooks & HTTP Requests
David Daza
Full Stack Developer - Datasketch
@ddazal
@_daviddaza
https://sg.com.mx/
Streaming
✅ beforeCreate
✅ created
✅ beforeMount
✅ mounted
✅ beforeUpdate
✅ updated
✅ beforeDestroy
✅ destroyed
new Vue({ el: '#app', beforeCreate() { /* ... */ }, created() { /* ... */ }, beforeMount() { /* ... */ }, mounted() { /* ... */ }, beforeUpdate() { /* ... */ }, updated() { /* ... */ }, beforeDestroy() { /* ... */ }, destroyed() { /* ... */ }, })
Es llamado antes de que la instancia pueda observar los datos y configurar eventos y watchers
La instancia configura los datos, computed properties, métodos, watch/event callbacks.
$el está disponible
Se hace render del DOM
Es llamado cuando cambian los datos, pero antes de actualizar el DOM
Es llamado cuando el DOM se ha actualizado con el cambio de los datos
Es llamado justo antes de destruir la instancia/componente
El componente ha sido eliminado totalmente
✅ Fetch API
✅ Axios
✅ Trae
✅ AJAX
By David Daza
Slides para Meetup virtual de Vue.JS. Abril 7, 2020.