Codigo de la clase
<template>
<div>Hola</div>
</template>
<script>
import { onMounted } from "vue";
export default {
setup() {
onMounted(() => {
console.log("mounted!");
});
},
};
</script>
Introducción
¿Qué aprenderás en este curso?
Introducción a Vue CLI
Estructura del proyecto
Built-in Components
Componentes dinámicos
Componentes asíncronos
Transiciones
Teleports
Componentes personalizados
Virtual DOM
Entendiendo el ciclo de vida de los componentes
Explorando los primeros hooks del ciclo de vida de Vue
Mixins
Composition API
Introducción a Composition API
Ciclo de vida en Composition API
Variables reactivas con ref y reactive
Watch
Computed
Uso de props
Uso de context
Provide / Inject
Template refs
Composition vs. Options
Script setup
Cierre del curso
Hora de poner tu conocimiento en práctica
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Diana Martínez
Aportes 4
Preguntas 2
Codigo de la clase
<template>
<div>Hola</div>
</template>
<script>
import { onMounted } from "vue";
export default {
setup() {
onMounted(() => {
console.log("mounted!");
});
},
};
</script>
generalmente se llaman las apis dentro del hook created con esto le da tiempo para traer los datos antes de hacer render.
Aquí la documentación de los ciclos de vida en composition API:
Composition API: Lifecycle Hooks
Mucho ojo con ese detalle del onMounted
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?