İleri Düzey Vue Desenleri
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Vue 3'te provide/inject'in temel amacı nedir?
Vue 3'te provide/inject'in temel amacı nedir?
Cevap
Provide/inject, verileri bir üst bileşenden herhangi bir alt bileşene, her ara seviyede props geçirmeden iletmeyi sağlar. Bu, props'ların onlara ihtiyaç duymayan birden fazla bileşen seviyesinden geçirilmesi gereken 'props drilling' durumunu önler. Tema yapılandırması veya kimlik doğrulama durumu gibi global verileri paylaşmak için özellikle kullanışlıdır.
2Composition API kullanan bir bileşende provide ile bir değer nasıl tanımlanır?
Composition API kullanan bir bileşende provide ile bir değer nasıl tanımlanır?
Cevap
Composition API'de provide fonksiyonu iki argümanla kullanılır: bir anahtar (string veya Symbol) ve sağlanacak değer. Örneğin setup içinde. Bu değere alt bileşenler inject aracılığıyla erişebilir. Anahtar olarak Symbol kullanmak benzersizliği garanti eder ve isim çakışmalarını önler.
3Vue 3'te Teleport direktifinin temel işlevi nedir?
Vue 3'te Teleport direktifinin temel işlevi nedir?
Cevap
Teleport, bir bileşenin içeriğini Vue bileşen ağacındaki konumundan farklı bir DOM düğümünde render etmeyi sağlar. Genellikle z-index ve CSS konumlandırma sorunlarından kaçınmak için belge kökünde render edilmesi gereken modaller, tooltip'ler ve bildirimler için kullanılır. Bileşen Vue bağlamını korur ve üst bileşenin verilerine erişebilir.
Vue 3'te Teleport kullanmak için hangi öznitelik gereklidir?
Vue'da custom directive nedir?
+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)
Composition API
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ı
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