TypeScript dengan Vue
Dukungan TypeScript Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1Apa peran utama defineComponent di Vue 3 dengan TypeScript?
Apa peran utama defineComponent di Vue 3 dengan TypeScript?
Jawaban
defineComponent mengaktifkan type inference TypeScript untuk opsi komponen. Tanpa fungsi ini, konteks this akan diperlakukan sebagai any di Options API. Ini memastikan props, data, computed, dan method ditipekan dengan benar secara otomatis.
2Mengapa menggunakan PropType saat mendeklarasikan props kompleks dengan runtime declaration?
Mengapa menggunakan PropType saat mendeklarasikan props kompleks dengan runtime declaration?
Jawaban
PropType adalah utility type Vue yang memungkinkan casting tipe prop selama deklarasi runtime. Object as PropType Book memastikan book ditipekan dengan benar sebagai Book alih-alih Object generik. Ini meningkatkan autocomplete dan keamanan tipe tanpa memerlukan script setup dengan tipe generik.
3Apa perbedaan antara script setup dan script setup dengan lang='ts' untuk type inference?
Apa perbedaan antara script setup dan script setup dengan lang='ts' untuk type inference?
Jawaban
script setup dengan lang='ts' mengaktifkan TypeScript dan memungkinkan type inference otomatis tanpa defineComponent. Props yang didefinisikan dengan defineProps ditipekan secara otomatis, refs memiliki inference penuh, dan error TypeScript terdeteksi saat compile time. Tanpa lang='ts', tidak ada pemeriksaan tipe yang dilakukan.
Bagaimana cara menipekan ref dengan benar yang awalnya bisa null di TypeScript?
Apa keuntungan utama dari komponen generik dengan script setup generic di Vue 3.3+?
+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
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
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