Ciclos de vida en Vue

Un mapa claro de todos los ciclos de vida de Vue 3 para entender cuándo usar cada hook.

Qué pasa realmente en la fase de creación de un componente Vue y cómo decidir entre beforeCreate, created y setup.

Qué ocurre justo antes y justo después de que Vue inserte un componente en el DOM, y cómo usar beforeMount y mounted sin meter lógica donde no corresponde.

Qué ocurre cuando Vue vuelve a renderizar un componente y cómo usar beforeUpdate y updated sin convertirlos en sustitutos de watch o computed.

Qué ocurre cuando un componente sale de pantalla y cómo usar beforeUnmount y unmounted para limpiar listeners, timers y efectos sin dejar fugas ni comportamientos extraños.

Cómo funcionan activated y deactivated en componentes cacheados con <KeepAlive>, cuándo usarlos y cómo evitar datos obsoletos, timers activos y lógica mal ubicada.