Основи Nuxt
Структура Nuxt, каталог pages, автоматична маршрутизація, layouts, app.vue, каталог server, nuxt.config
1Яка мінімально необхідна структура для застосунку Nuxt 3?
Яка мінімально необхідна структура для застосунку Nuxt 3?
Відповідь
Застосунку Nuxt 3 потрібен лише файл app.vue або каталог pages/ у корені проєкту. Якщо app.vue існує без папки pages/, Nuxt створює застосунок без Vue Router. Якщо pages/ існує, Nuxt автоматично вмикає file-based routing і потребує <NuxtPage /> в app.vue для відображення маршрутів.
2Як працює автоматична маршрутизація в каталозі pages/?
Як працює автоматична маршрутизація в каталозі pages/?
Відповідь
Каталог pages/ у Nuxt використовує file-based routing: кожен файл .vue автоматично створює відповідний маршрут. Наприклад, pages/index.vue стає маршрутом '/', pages/about.vue стає '/about', а pages/blog/[id].vue створює динамічний маршрут '/blog/:id'. Цей підхід усуває ручне налаштування router.
3Яка роль компонента <NuxtPage /> в app.vue?
Яка роль компонента <NuxtPage /> в app.vue?
Відповідь
Компонент <NuxtPage /> — це outlet, який відображає вміст активної сторінки на основі поточного маршруту. Він обов'язковий у app.vue, коли існує каталог pages/. Без <NuxtPage /> маршрути не відображатимуться. Це еквівалент <router-view /> у стандартному Vue Router, але адаптований для Nuxt.
Як застосувати конкретний layout до сторінки в Nuxt 3?
Яка різниця між використанням <NuxtLayout> у app.vue та його невикористанням?
+19 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Реактивність Vue
Отримання даних у Nuxt
SSR і SSG у Nuxt
Серверні маршрути Nuxt
Модулі Nuxt
Composables у Vue
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
Просунуті патерни Vue
TypeScript із Vue
Автентифікація Nuxt
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно