Fundamentos de Nuxt
Estructura de Nuxt, directorio pages, enrutamiento automático, layouts, app.vue, directorio server, nuxt.config
1¿Cuál es la estructura mínima requerida para una aplicación Nuxt 3?
¿Cuál es la estructura mínima requerida para una aplicación Nuxt 3?
Respuesta
Una aplicación Nuxt 3 solo requiere un archivo app.vue o un directorio pages/ en la raíz del proyecto. Si app.vue existe sin una carpeta pages/, Nuxt crea una aplicación sin Vue Router. Si pages/ existe, Nuxt habilita automáticamente el file-based routing y requiere <NuxtPage /> en app.vue para mostrar las rutas.
2¿Cómo funciona el enrutamiento automático en el directorio pages/?
¿Cómo funciona el enrutamiento automático en el directorio pages/?
Respuesta
El directorio pages/ de Nuxt usa file-based routing: cada archivo .vue crea automáticamente una ruta correspondiente. Por ejemplo, pages/index.vue se convierte en la ruta '/', pages/about.vue se convierte en '/about', y pages/blog/[id].vue crea una ruta dinámica '/blog/:id'. Este enfoque elimina la configuración manual del router.
3¿Cuál es la función del componente <NuxtPage /> en app.vue?
¿Cuál es la función del componente <NuxtPage /> en app.vue?
Respuesta
El componente <NuxtPage /> es un outlet que muestra el contenido de la página activa según la ruta actual. Es obligatorio en app.vue cuando existe el directorio pages/. Sin <NuxtPage />, las rutas no se mostrarán. Es el equivalente de <router-view /> en el Vue Router estándar pero adaptado para Nuxt.
¿Cómo aplicar un layout específico a una página en Nuxt 3?
¿Cuál es la diferencia entre usar <NuxtLayout> en app.vue y no usarlo?
+19 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
Data Fetching en 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