Composable Vue
Membuat composables, logika yang dapat digunakan kembali, useState, useRoute, useRouter, pola composables kustom
1Apa itu composable di Vue 3 dan Nuxt 3?
Apa itu composable di Vue 3 dan Nuxt 3?
Jawaban
Composable adalah fungsi yang mengenkapsulasi logika yang dapat digunakan kembali menggunakan Composition API dari Vue. Composable memungkinkan berbagi state dan efek antar komponen tanpa menggunakan mixin. Secara konvensi, nama composable selalu diawali dengan prefiks use, sehingga mudah diidentifikasi dalam kode.
2Apa konvensi penamaan yang direkomendasikan untuk composable?
Apa konvensi penamaan yang direkomendasikan untuk composable?
Jawaban
Composable harus selalu dimulai dengan prefiks use yang diikuti oleh nama deskriptif dalam camelCase. Konvensi ini memungkinkan untuk dengan cepat mengidentifikasi composable dalam kode dan membedakannya dari fungsi utilitas biasa. Misalnya, useCounter, useFetch, atau useAuth adalah nama yang sesuai untuk composable.
3Di mana composable harus ditempatkan dalam proyek Nuxt 3?
Di mana composable harus ditempatkan dalam proyek Nuxt 3?
Jawaban
Composable harus ditempatkan di direktori composables pada root proyek. Nuxt 3 secara otomatis mengimpor semua file dari direktori ini, sehingga composable dapat digunakan tanpa perlu mengimpornya secara manual. Impor otomatis ini meningkatkan pengalaman developer dan mengurangi kode boilerplate.
Apa keunggulan utama useState dibandingkan ref di Nuxt 3?
Bagaimana cara mengakses parameter route saat ini dalam composable Nuxt?
+17 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
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