Ejercicio de programación: Reto Solicitudes HTTP con Fetch API
Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en Vuejs. Es un ejercicio avanzado que pondrá a prueba tus conocimientos expertos.
Información adicional del ejercicio
Implementar una solicitud GET con la API Fetch en Vue 3 usando Composition API para obtener y mostrar datos de una API externa.
Contenido del ejercicio
Crea un componente Vue que realice una solicitud HTTP GET a la API https://jsonplaceholder.typicode.com/users
utilizando la API Fetch. El componente debe mostrar una lista con el nombre y email de cada usuario obtenido.
Instrucciones específicas:
- Utiliza la Composition API con
<script setup>
- Crea una variable reactiva
users
para almacenar los datos - Realiza la solicitud en el hook
onMounted
- Usa async/await para manejar la promesa
- Incluye manejo básico de errores con try/catch
Los datos se mostrarán en el template usando v-for
.
La respuesta de la API tiene la siguiente estructura para cada usuario:
{
"id": 1,
"name": "Leanne Graham",
"email": "Sincere@april.biz"
}
Lección relacionada
Este ejercicio está relacionado con la lección "Solicitudes HTTP con Fetch API" de Vuejs. Te recomendamos revisar la lección antes de comenzar.
Ver lección relacionadaMás ejercicios de Vuejs
Explora más ejercicios de programación en Vuejs para mejorar tus habilidades y obtener tu certificación.
Ver más ejercicios de VuejsSolución al ejercicio de programación en Vuejs
¡Desbloquea la solución completa!
Completa el ejercicio de programación en Vuejs para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
Practica con ejercicios de programación en Vuejs
Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.
Asistente de IA
Aprende de tus errores
Progreso
Mide tu avance
Certificación
Valida tus habilidades
Únete a miles de desarrolladores mejorando sus habilidades en Vuejs