Pola Lanjutan Vue
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Apa tujuan utama dari provide/inject di Vue 3?
Apa tujuan utama dari provide/inject di Vue 3?
Jawaban
Provide/inject memungkinkan pengiriman data dari komponen induk ke komponen turunan mana pun tanpa harus melewatkan props melalui setiap level perantara. Ini menghindari 'props drilling', di mana props harus dilewatkan melalui beberapa level komponen yang tidak membutuhkannya. Sangat berguna untuk berbagi data global seperti konfigurasi tema atau status autentikasi.
2Bagaimana cara mendeklarasikan sebuah nilai dengan provide dalam komponen yang menggunakan Composition API?
Bagaimana cara mendeklarasikan sebuah nilai dengan provide dalam komponen yang menggunakan Composition API?
Jawaban
Pada Composition API, gunakan fungsi provide dengan dua argumen: sebuah kunci (string atau Symbol) dan nilai yang ingin disediakan. Misalnya di dalam setup. Nilai ini akan dapat diakses oleh komponen turunan melalui inject. Menggunakan Symbol sebagai kunci menjamin keunikan dan menghindari tabrakan nama.
3Apa fungsi utama dari direktif Teleport di Vue 3?
Apa fungsi utama dari direktif Teleport di Vue 3?
Jawaban
Teleport memungkinkan merender konten sebuah komponen di node DOM yang berbeda dari posisinya pada pohon komponen Vue. Biasanya digunakan untuk modal, tooltip, dan notifikasi yang perlu dirender di root dokumen untuk menghindari masalah z-index dan pemosisian CSS. Komponen tetap mempertahankan konteks Vue-nya dan dapat mengakses data induk.
Atribut mana yang wajib ada untuk menggunakan Teleport di Vue 3?
Apa itu custom directive di Vue?
+21 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
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
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