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 Composition API

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

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

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

“

En Vue, los hooks son funciones que se ejecutan en las diferentes fases del ciclo de vida de un componente. Como en este ejemplo, yo tengo una aplicación de Vue en donde en el componente padre he implementado algunos hooks. Puedes notar que, a la hora de refrescar la página, se muestran algunos mensajes en la consola. Estos mensajes son generados por cada uno de los hooks que he implementado. Ahora, si nos dirigimos al código, encontrarás esos hooks en el componente App.vue. Aquí yo tengo un hook, onMounted, que se ejecuta tan pronto el componente se muestra en la pantalla. Aquí yo estoy seteando el valor inicial que va a tener el menú y también estoy haciendo un console.log. Aquí también estoy llamando el hook onBeforeMount. Este hook va a ser llamado antes de que el componente se monte, o sea, antes de que el componente se muestre en la pantalla. Luego, onBeforeUpdate se va a llamar antes de que el componente se actualice y onUpdated se va a llamar luego de que el componente sea…

Contenido