Del curso: Vue.js esencial

Accede al curso completo hoy mismo

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

Ciclo de vida de un componente Vue.js

Ciclo de vida de un componente Vue.js - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Ciclo de vida de un componente Vue.js

“

Los componentes en una aplicación Vue siguen un ciclo de vida. Esto significa que cada componente pasa por diferentes fases, y nosotros podemos llamar funcionalidad en cada una de estas fases. Estas funciones o fases se le llaman hooks. Aquí te voy a mostrar un ejemplo. Esta aplicación contiene un componente que cambia una imagen, como puedes ver aquí, y también contiene un botón que muestra u oculta este componente. A la hora de cargar la aplicación, pueden notar que tres funciones se ejecutan, beforeCreate, created y mounted. beforeCreate se ejecuta justo antes de que el componente sea creado en memoria, created se ejecuta cuando el componente ha sido creado en memoria, y mounted se ejecuta cuando el componente ha sido montado dentro de la interfaz. Luego, cuando un componente cambia, se ejecuta dos hooks, beforeUpdate y updated. beforeUpdate se ejecuta justo antes de que el componente cambie en la interfaz, y updated se ejecuta luego de que el componente ha sido actualizado. Y al…

Contenido