Dasar-Dasar Nuxt
Struktur Nuxt, direktori pages, auto-routing, layouts, app.vue, direktori server, nuxt.config
1Apa struktur minimum yang diperlukan untuk aplikasi Nuxt 3?
Apa struktur minimum yang diperlukan untuk aplikasi Nuxt 3?
Jawaban
Aplikasi Nuxt 3 hanya membutuhkan file app.vue atau direktori pages/ di root proyek. Jika app.vue ada tanpa folder pages/, Nuxt membuat aplikasi tanpa Vue Router. Jika pages/ ada, Nuxt secara otomatis mengaktifkan file-based routing dan membutuhkan <NuxtPage /> di app.vue untuk menampilkan rute.
2Bagaimana cara kerja routing otomatis di direktori pages/?
Bagaimana cara kerja routing otomatis di direktori pages/?
Jawaban
Direktori pages/ Nuxt menggunakan file-based routing: setiap file .vue secara otomatis membuat rute yang sesuai. Misalnya, pages/index.vue menjadi rute '/', pages/about.vue menjadi '/about', dan pages/blog/[id].vue membuat rute dinamis '/blog/:id'. Pendekatan ini menghilangkan konfigurasi router manual.
3Apa peran komponen <NuxtPage /> di app.vue?
Apa peran komponen <NuxtPage /> di app.vue?
Jawaban
Komponen <NuxtPage /> adalah outlet yang menampilkan konten halaman aktif berdasarkan rute saat ini. Komponen ini wajib di app.vue ketika direktori pages/ ada. Tanpa <NuxtPage />, rute tidak akan ditampilkan. Ini setara dengan <router-view /> di Vue Router standar tetapi diadaptasi untuk Nuxt.
Bagaimana cara menerapkan layout tertentu ke sebuah halaman di Nuxt 3?
Apa perbedaan antara menggunakan <NuxtLayout> di app.vue dan tidak menggunakannya?
+19 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis