Fundamentos do Nuxt
Estrutura do Nuxt, diretório pages, roteamento automático, layouts, app.vue, diretório server, nuxt.config
1Qual é a estrutura mínima necessária para uma aplicação Nuxt 3?
Qual é a estrutura mínima necessária para uma aplicação Nuxt 3?
Resposta
Uma aplicação Nuxt 3 requer apenas um arquivo app.vue ou um diretório pages/ na raiz do projeto. Se app.vue existir sem uma pasta pages/, o Nuxt cria uma aplicação sem o Vue Router. Se pages/ existir, o Nuxt habilita automaticamente o file-based routing e requer <NuxtPage /> no app.vue para exibir as rotas.
2Como funciona o roteamento automático no diretório pages/?
Como funciona o roteamento automático no diretório pages/?
Resposta
O diretório pages/ do Nuxt usa file-based routing: cada arquivo .vue cria automaticamente uma rota correspondente. Por exemplo, pages/index.vue se torna a rota '/', pages/about.vue se torna '/about', e pages/blog/[id].vue cria uma rota dinâmica '/blog/:id'. Essa abordagem elimina a configuração manual do router.
3Qual é o papel do componente <NuxtPage /> no app.vue?
Qual é o papel do componente <NuxtPage /> no app.vue?
Resposta
O componente <NuxtPage /> é um outlet que exibe o conteúdo da página ativa com base na rota atual. Ele é obrigatório no app.vue quando o diretório pages/ existe. Sem <NuxtPage />, as rotas não serão exibidas. É o equivalente a <router-view /> no Vue Router padrão, mas adaptado para o Nuxt.
Como aplicar um layout específico a uma página no Nuxt 3?
Qual é a diferença entre usar <NuxtLayout> no app.vue e não usá-lo?
+19 perguntas de entrevista
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
Data Fetching no 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
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis