Ciclo de vida de los componente de vuejs

Cuando creamos un new Vue hay ciertos puntos en el ciclo de vida de un componente que se van ejecutando y nosotros podemos ejecutar cierto codigo en cada uno de esos puntos.

  1. beforeCreate este se ejecuta antes de observar la data () y antes de iniciar eventos, luego de obeservar la data y iniciar eventos
  2. created luego de observar la data e iniciar eventos lo que se hacec es que ejecita el momento o ciclo de vida created, una vez fue creado el objeto created, podemos hacer ciertas tareas.
  3. beforeMount luego viene el momento de ejecitar el cliclo de vida beforeMount, es decir antes de ser insertado en el DOM (Document Object Model)
  4. mounted en este momento ya se encuentra montada la vista en el DOM.
  5. beforeUpdate / update estos ciclos de vida se ejecutan cuando cambia la data ()
  6. En algun momento es posible que exista un cambio de pantalla, es posible que dejemos de ver ese componente, y es ahi dodne se va a llamar el metodo DESTROY y ahi tenemos 2 momentos
    1. beforeDestroy Se eliminan todos los watches (todas las cosas que estaban esperando que sucediera algun cambio en los datos para actualizar la vista. Todos esos eventListenner, todos esos escuchadores de eventos se destruyen.
    2. destroyed Se destruye el elemento del DOM.