Data Fetching en Nuxt
useFetch, useAsyncData, $fetch, lazy fetching, error handling, refresh, data caching
1¿Cuál es la principal diferencia entre useFetch y useAsyncData en Nuxt?
¿Cuál es la principal diferencia entre useFetch y useAsyncData en Nuxt?
Respuesta
useFetch es un wrapper alrededor de useAsyncData y $fetch que simplifica las llamadas API comunes. Gestiona automáticamente la construcción de la URL y acepta una URL directamente como primer argumento, mientras que useAsyncData requiere una clave única y una función fetcher personalizada. Usa useFetch para llamadas API simples y useAsyncData para lógicas de fetching complejas.
2¿Por qué se recomienda proporcionar siempre una clave única al usar useAsyncData?
¿Por qué se recomienda proporcionar siempre una clave única al usar useAsyncData?
Respuesta
La clave única permite a Nuxt identificar y deduplicar las solicitudes entre el servidor y el cliente durante la hidratación SSR. Sin una clave única, los datos podrían volver a obtenerse innecesariamente en el cliente después del renderizado del servidor, o podrían producirse conflictos de caching. La clave también sirve para el caching y la gestión del state.
3¿Cuál es la diferencia entre $fetch y useFetch en Nuxt?
¿Cuál es la diferencia entre $fetch y useFetch en Nuxt?
Respuesta
$fetch es una función utilitaria que realiza solicitudes HTTP simples sin gestión de state ni reactividad, similar al fetch nativo pero con mejoras de Nuxt. useFetch es un composable que retorna refs reactivas (data, pending, error) y maneja la hidratación SSR. Usa $fetch para llamadas imperativas en event handlers, y useFetch para fetching declarativo en los componentes.
¿Cómo activar el lazy fetching con useFetch o useAsyncData?
¿Cómo manejar los errores durante el data fetching con useFetch?
+17 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis