Fondamenti di Nuxt
Struttura Nuxt, directory pages, routing automatico, layouts, app.vue, directory server, nuxt.config
1Qual è la struttura minima richiesta per un'applicazione Nuxt 3?
Qual è la struttura minima richiesta per un'applicazione Nuxt 3?
Risposta
Un'applicazione Nuxt 3 richiede solo un file app.vue o una directory pages/ nella radice del progetto. Se app.vue esiste senza una cartella pages/, Nuxt crea un'applicazione senza Vue Router. Se pages/ esiste, Nuxt abilita automaticamente il file-based routing e richiede <NuxtPage /> in app.vue per visualizzare le rotte.
2Come funziona il routing automatico nella directory pages/?
Come funziona il routing automatico nella directory pages/?
Risposta
La directory pages/ di Nuxt usa il file-based routing: ogni file .vue crea automaticamente una rotta corrispondente. Ad esempio, pages/index.vue diventa la rotta '/', pages/about.vue diventa '/about', e pages/blog/[id].vue crea una rotta dinamica '/blog/:id'. Questo approccio elimina la configurazione manuale del router.
3Qual è il ruolo del componente <NuxtPage /> in app.vue?
Qual è il ruolo del componente <NuxtPage /> in app.vue?
Risposta
Il componente <NuxtPage /> è un outlet che visualizza il contenuto della pagina attiva in base alla rotta corrente. È obbligatorio in app.vue quando esiste la directory pages/. Senza <NuxtPage />, le rotte non verranno visualizzate. È l'equivalente di <router-view /> nel Vue Router standard ma adattato per Nuxt.
Come applicare un layout specifico a una pagina in Nuxt 3?
Qual è la differenza tra usare <NuxtLayout> in app.vue e non usarlo?
+19 domande da colloquio
Altri argomenti di colloquio Vue.js / Nuxt.js
Fondamenti di JavaScript
JavaScript moderno (ES6+)
Fondamenti di Vue
Componenti Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reattività di Vue
Data Fetching in Nuxt
SSR e SSG in Nuxt
Route server Nuxt
Moduli Nuxt
Composables di Vue
Form e validazione Vue
Gestione dello stato in Nuxt
Testing in Vue
Deployment di Nuxt e CI/CD
Prestazioni di Vue
Pattern avanzati di Vue
TypeScript con Vue
Autenticazione Nuxt
SEO con Nuxt
Internazionalizzazione in Nuxt
Architettura Vue
Sicurezza Nuxt
Ecosistema Vue
Migrazione Vue 2→3 e Nuxt 2→3
Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis