Podstawy Nuxt
Struktura Nuxt, katalog pages, automatyczny routing, layouts, app.vue, katalog server, nuxt.config
1Jaka jest minimalna wymagana struktura dla aplikacji Nuxt 3?
Jaka jest minimalna wymagana struktura dla aplikacji Nuxt 3?
Odpowiedź
Aplikacja Nuxt 3 wymaga jedynie pliku app.vue lub katalogu pages/ w katalogu głównym projektu. Jeśli app.vue istnieje bez folderu pages/, Nuxt tworzy aplikację bez Vue Router. Jeśli pages/ istnieje, Nuxt automatycznie włącza file-based routing i wymaga <NuxtPage /> w app.vue, aby wyświetlać trasy.
2Jak działa automatyczny routing w katalogu pages/?
Jak działa automatyczny routing w katalogu pages/?
Odpowiedź
Katalog pages/ w Nuxt używa file-based routing: każdy plik .vue automatycznie tworzy odpowiednią trasę. Na przykład pages/index.vue staje się trasą '/', pages/about.vue staje się '/about', a pages/blog/[id].vue tworzy dynamiczną trasę '/blog/:id'. Takie podejście eliminuje ręczną konfigurację routera.
3Jaka jest rola komponentu <NuxtPage /> w app.vue?
Jaka jest rola komponentu <NuxtPage /> w app.vue?
Odpowiedź
Komponent <NuxtPage /> to outlet, który wyświetla zawartość aktywnej strony na podstawie bieżącej trasy. Jest obowiązkowy w app.vue, gdy istnieje katalog pages/. Bez <NuxtPage /> trasy nie będą wyświetlane. Jest odpowiednikiem <router-view /> w standardowym Vue Router, ale dostosowanym do Nuxt.
Jak zastosować określony layout do strony w Nuxt 3?
Jaka jest różnica między używaniem <NuxtLayout> w app.vue a nieużywaniem go?
+19 pytań z rozmów
Inne tematy rekrutacyjne Vue.js / Nuxt.js
Podstawy JavaScript
Nowoczesny JavaScript (ES6+)
Podstawy Vue
Komponenty Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktywność Vue
Pobieranie danych w Nuxt
SSR i SSG w Nuxt
Trasy serwerowe Nuxt
Moduły Nuxt
Composables we Vue
Formularze i walidacja Vue
Zarządzanie stanem w Nuxt
Testowanie Vue
Wdrażanie Nuxt i CI/CD
Wydajność Vue
Zaawansowane wzorce Vue
TypeScript z Vue
Uwierzytelnianie Nuxt
SEO z Nuxt
Internacjonalizacja w Nuxt
Architektura Vue
Bezpieczeństwo Nuxt
Ekosystem Vue
Migracja Vue 2→3 i Nuxt 2→3
Opanuj Vue.js / Nuxt.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo