Vida de Vue

Tenemos una instancia de Vue para que inmediatamente en beforeCreate podemos escribir código de algunas acciones que queremos que se realicen, después Vue procede a configurar los datos y pasa a inicializar los eventos.

Tenemos otro espacio llamado created, que llama de manera asíncrona después de crear la instancia. Vue pasa a compilar la plantilla que hemos trabajado.

Tenemos a nuestra disposición beforeMount para realizar alguna acción antes de que $el proceda a tomar el DOM y aplicar al DOM actual.

Es montada la instancia de Vue y tenemos un bucle para que podamos cambiar nuestro DOM cada vez que se produzcan eventos. Finalmente esto nos entrega un DOM actualizado cada vez que cambian los datos.

Pasamos a destruir nuestra instancia de Vue y esta se limpia de sí misma eliminando la escucha de eventos y watchers. De esta forma termina el ciclo de vida de Vue.