Composition API
Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup
1Vue 3'teki Composition API nedir?
Vue 3'teki Composition API nedir?
Cevap
Composition API, options (data, methods, computed) yerine composition fonksiyonlarını kullanarak Vue bileşen mantığını düzenlemenin yeni bir yoludur. Mantığı option türüne göre değil, özelliğe göre gruplamaya olanak tanır ve composable'lar aracılığıyla kod yeniden kullanımını kolaylaştırır. Ayrıca daha iyi TypeScript desteği ve karmaşık bileşenler için daha iyi bir organizasyon sunar.
2Composition API'de bir bileşenin mantığını tanımlamak için kullanılan ana fonksiyon nedir?
Composition API'de bir bileşenin mantığını tanımlamak için kullanılan ana fonksiyon nedir?
Cevap
setup() fonksiyonu, Composition API'nin giriş noktasıdır. Bileşen oluşturulmadan önce, hatta created()'ten bile önce çalışır. Argüman olarak props ve context alır ve template'e sunulacak veri ile fonksiyonları içeren bir nesne döndürmelidir. ref, reactive, computed, watch ve Composition API'nin lifecycle hook'ları setup() içinde kullanılır.
3ref() ile reactive() arasındaki temel fark nedir?
ref() ile reactive() arasındaki temel fark nedir?
Cevap
ref(), bir primitive değer veya nesne için reaktif bir referans oluşturur ve script içinde .value üzerinden erişilir (ancak template'lerde otomatik olarak çözülür). reactive() yalnızca nesneler ve diziler için reaktif bir proxy oluşturur, .value gerektirmez ancak destructure edilirse reaktifliğini kaybeder. ref() primitive değerler için daha çok yönlüdür, reactive() karmaşık nesneler için daha doğaldır ancak destructure için toRef/toRefs gerektirir.
setup() fonksiyonu içinde bir ref'in değerine nasıl erişilir?
Composition API'de computed özelliği nasıl oluşturulur?
+21 mülakat soruları
Diğer Vue.js / Nuxt.js mülakat konuları
JavaScript Temelleri
Modern JavaScript (ES6+)
Vue Temelleri
Vue Bileşenleri
Vue Router
Pinia State Management
Vuex (Legacy)
Vue Reaktifliği
Nuxt Temelleri
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Sunucu Rotaları
Nuxt Modülleri
Vue Composable'ları
Vue Formları ve Doğrulama
Nuxt Durum Yönetimi
Vue Testing
Nuxt Dağıtımı & CI/CD
Vue Performansı
İleri Düzey Vue Desenleri
Vue ile TypeScript
Nuxt Kimlik Doğrulama
Nuxt ile SEO
Nuxt Uluslararasılaştırma
Vue Mimarisi
Nuxt Güvenliği
Vue Ekosistemi
Vue 2→3 & Nuxt 2→3 Geçişi
Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla