Lifecycle Hooks - Tylung/vue-apuntes GitHub Wiki

Cada instancia de componente de Vue pasa por una serie de pasos de inicialización cuando se crea; por ejemplo, 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 ejecuta funciones llamadas lifecycle hooks, lo que brinda a los usuarios la oportunidad de agregar su propio código en etapas específicas.

beforeCreate()
- Se llama cuando se inicializa la instancia. Antes de procesar otras opciones como data() o computed.
created()
- Se llama después de que la instancia haya terminado de procesar todas las opciones relacionadas con el estado. Cuando se llama a este enlace, se ha configurado lo siguiente: datos reactivos, properties, methods, y los watchers
beforeMount()
- Se llama justo antes de montar el componente. Aun no se renderiza la app
mounted()
- Se llama después de que se haya montado el componente.
beforeUpdate()
- Llamado justo antes de que el componente esté a punto de actualizar su árbol DOM debido a un cambio de estado reactivo.
updated()
- Llamado después de que el componente haya actualizado su árbol DOM debido a un cambio de estado reactivo.
activated()
- Se llama después de que la instancia del componente se inserta en el DOM como parte de un árbol almacenado en caché por KeepAlive
deactivated()
- Llamado después de que la instancia del componente se elimine del DOM como parte de un árbol almacenado en caché por KeepAlive
beforeUnmount()
- Llamado justo antes de que se desmonte una instancia de componente.
unmounted()
- Llamado después de que el componente ha sido desmontado.
errorCaptured()
- Se llama cuando se captura un error que se propaga desde un componente descendiente.
renderTracked()
- Se llama cuando el efecto de representación del componente ha rastreado una dependencia reactiva.
renderTriggered()
- Se llama cuando una dependencia reactiva activa el efecto de representación del componente para que se vuelva a ejecutar.