Question 1

Qual é a principal diferença entre useFetch e useAsyncData no Nuxt?

Accepted Answer

useFetch é um wrapper em torno de useAsyncData e $fetch que simplifica as chamadas de API comuns. Ele gerencia automaticamente a construção da URL e aceita uma URL diretamente como primeiro argumento, enquanto useAsyncData requer uma chave única e uma função fetcher personalizada. Use useFetch para chamadas de API simples e useAsyncData para lógicas de fetching complexas.

Question 2

Por que é recomendado sempre fornecer uma chave única ao usar useAsyncData?

Accepted Answer

A chave única permite que o Nuxt identifique e desduplique as requisições entre servidor e cliente durante a hidratação SSR. Sem uma chave única, os dados poderiam ser re-fetchados desnecessariamente no cliente após a renderização do servidor, ou conflitos de caching poderiam ocorrer. A chave também serve para o caching e o gerenciamento do state.

Question 3

Qual é a diferença entre $fetch e useFetch no Nuxt?

Accepted Answer

$fetch é uma função utilitária que realiza requisições HTTP simples sem gerenciamento de state nem reatividade, semelhante ao fetch nativo mas com melhorias do Nuxt. useFetch é um composable que retorna refs reativas (data, pending, error) e cuida da hidratação SSR. Use $fetch para chamadas imperativas em event handlers, e useFetch para fetching declarativo nos componentes.

Data Fetching no Nuxt

Qual é a principal diferença entre useFetch e useAsyncData no Nuxt?

Resposta

Por que é recomendado sempre fornecer uma chave única ao usar useAsyncData?

Resposta

Qual é a diferença entre $fetch e useFetch no Nuxt?

Resposta

Como ativar o lazy fetching com useFetch ou useAsyncData?

Como tratar os erros durante o data fetching com useFetch?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do Vue

Componentes Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reatividade do Vue

Fundamentos do Nuxt

SSR e SSG no Nuxt

Rotas de servidor Nuxt

Módulos Nuxt

Composables do Vue

Formulários e validação Vue

Gerenciamento de estado no Nuxt

Testes no Vue

Deploy do Nuxt e CI/CD

Desempenho do Vue

Padrões avançados do Vue

TypeScript com Vue

Autenticação Nuxt

SEO com Nuxt

Internacionalização no Nuxt

Arquitetura Vue

Segurança no Nuxt

Ecossistema Vue

Migração Vue 2→3 e Nuxt 2→3

Domine Vue.js / Nuxt.js para sua proxima entrevista