Lifecycle Hooks & HTTP Requests
David Daza
Full Stack Developer - Datasketch
@ddazal
@_daviddaza
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
@ddazal
@_daviddaza