Komponen Vue
Lifecycle komponen, props, events, slots, scoped styles, komunikasi antar komponen, komponen dinamis
1Apa itu komponen Vue?
Apa itu komponen Vue?
Jawaban
Komponen Vue adalah instance Vue yang dapat digunakan kembali dengan sebuah nama. Komponen ini mengenkapsulasi HTML, CSS, dan JavaScript ke dalam satu unit logis yang independen. Komponen memungkinkan pembagian antarmuka pengguna menjadi bagian-bagian yang dapat digunakan kembali dan mudah dipelihara. Setiap komponen memiliki template, logika, dan style sendiri, sehingga memudahkan pengorganisasian kode dan penggunaan ulang.
2Bagaimana cara mendeklarasikan props dalam komponen Vue 3 dengan script setup?
Bagaimana cara mendeklarasikan props dalam komponen Vue 3 dengan script setup?
Jawaban
Pada Vue 3 dengan script setup, defineProps() adalah compiler macro yang memungkinkan deklarasi props tanpa import eksplisit. Macro ini secara otomatis menghasilkan kode yang diperlukan dan mengekspos props ke template. Macro ini mendukung validasi tipe TypeScript dan JavaScript, membuat kode lebih ringkas dan type-safe dibandingkan pendekatan Options API.
3Apa fungsi hook onMounted() dalam lifecycle sebuah komponen?
Apa fungsi hook onMounted() dalam lifecycle sebuah komponen?
Jawaban
Hook onMounted() dijalankan setelah komponen di-mount ke DOM. Ini adalah momen ideal untuk melakukan operasi yang membutuhkan akses DOM, seperti menginisialisasi library pihak ketiga, mengambil data melalui API, atau memanipulasi elemen DOM secara langsung. Pada tahap ini, template sudah dirender dan refs dapat diakses.
Bagaimana komponen anak meng-emit sebuah event ke komponen induknya?
Untuk apa slots digunakan dalam sebuah komponen Vue?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
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