Migrasi Vue 2→3 & Nuxt 2→3
Dari Options API ke Composition API, dari Vuex ke Pinia, dari asyncData/fetch ke useFetch, breaking changes, strategi migrasi, deprecation nuxtServerInit
1Apa perbedaan arsitektur utama antara Options API Vue 2 dan Composition API Vue 3?
Apa perbedaan arsitektur utama antara Options API Vue 2 dan Composition API Vue 3?
Jawaban
Composition API mengatur kode berdasarkan keterkaitan logis daripada berdasarkan jenis opsi, sehingga memungkinkan kode terkait dikelompokkan bersama. Pendekatan ini meningkatkan keterbacaan dan kemudahan pemeliharaan komponen kompleks, berbeda dengan Options API yang memisahkan data, methods, dan computed properties. Composition API juga memudahkan penggunaan ulang logika melalui composables, yang secara efektif menggantikan mixins yang dapat menimbulkan konflik nama.
2Perubahan besar apa yang diperkenalkan Nuxt 3 terkait auto-imports dibandingkan dengan Nuxt 2?
Perubahan besar apa yang diperkenalkan Nuxt 3 terkait auto-imports dibandingkan dengan Nuxt 2?
Jawaban
Nuxt 3 mengaktifkan auto-imports secara default untuk composables, komponen, dan utilitas framework, sehingga menghilangkan kebutuhan import manual. Fitur ini meningkatkan pengalaman pengembang dan mengurangi kode boilerplate. Nuxt 2 memerlukan import eksplisit untuk sebagian besar fungsionalitas. Fitur ini dapat dinonaktifkan dalam konfigurasi jika diperlukan demi kontrol yang eksplisit.
3Pada Vue 3, metode apa yang menggantikan filters Vue 2 yang telah dihapus?
Pada Vue 3, metode apa yang menggantikan filters Vue 2 yang telah dihapus?
Jawaban
Filters dihapus pada Vue 3 karena menciptakan sintaks khusus yang sulit dipahami oleh pengembang baru dan memengaruhi performa. Rekomendasi resmi adalah menggunakan computed properties atau metode untuk transformasi data. Computed properties menawarkan keuntungan caching otomatis untuk perhitungan yang berat, sedangkan metode cocok untuk transformasi sederhana dengan parameter.
Apa build tool default di Nuxt 3 yang menggantikan Webpack milik Nuxt 2?
Bagaimana sintaks v-model berubah antara Vue 2 dan Vue 3 untuk komponen kustom?
+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
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis