Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Métodos de ciclo de vida de componente usando Options API

Métodos de ciclo de vida de componente usando Options API - Tutorial de Vue.js

Del curso: Vue.js esencial

Métodos de ciclo de vida de componente usando Options API

En Vue todos los componentes siguen un ciclo de vida que pasa por diferentes fases. Nosotros podemos ejecutar funciones en cada una de estas fases, y estas funciones se les llaman hooks. Como en este ejemplo que ves en pantalla, a la hora de abrir uno de los tiquetes de soporte, se renderiza un componente hijo que contiene el formulario con la información del tiquete. Puedes notar que yo he agregado funciones a cada uno de los hooks dentro del ciclo de este componente. Primero se llama beforeCreate, luego created cuando el componente ha sido creado en memoria y luego mounted cuando el componente ha sido renderizado dentro de la aplicación. Luego de que el componente cambie, se ejecutarán dos hook más, beforeUpdate se va a llamar justo antes de que el componente se actualiza y updated se llamará cuando el componente haya sido actualizado. Luego, tenemos dos hooks más, beforeUnmount se va a llamar justo antes de que el componente se vaya a eliminar de la pantalla y unmounted se llamará…

Contenido