Vue ile TypeScript
Vue 3 TypeScript desteği, defineComponent, PropType, type inference, generic components, strict mode
1Vue 3'te TypeScript ile defineComponent'in temel rolü nedir?
Vue 3'te TypeScript ile defineComponent'in temel rolü nedir?
Cevap
defineComponent, bileşen seçenekleri için TypeScript type inference özelliğini etkinleştirir. Bu fonksiyon olmadan, Options API'de this bağlamı any olarak ele alınır. props, data, computed ve metotların otomatik olarak doğru şekilde tiplenmesini sağlar.
2Karmaşık props'ları runtime declaration ile tanımlarken neden PropType kullanılır?
Karmaşık props'ları runtime declaration ile tanımlarken neden PropType kullanılır?
Cevap
PropType, runtime tanımlaması sırasında prop tiplerini cast etmeye olanak tanıyan bir Vue utility type'ıdır. Object as PropType Book, book'un genel Object yerine doğru şekilde Book olarak tiplendiğini garanti eder. Bu, generic tiplerle script setup gerektirmeden otomatik tamamlama ve tip güvenliğini artırır.
3Type inference açısından script setup ile lang='ts' içeren script setup arasındaki fark nedir?
Type inference açısından script setup ile lang='ts' içeren script setup arasındaki fark nedir?
Cevap
lang='ts' içeren script setup, TypeScript'i etkinleştirir ve defineComponent olmadan otomatik type inference sağlar. defineProps ile tanımlanan props otomatik olarak tiplenir, refs tam inference'a sahip olur ve TypeScript hataları derleme zamanında tespit edilir. lang='ts' olmadan hiçbir tip denetimi yapılmaz.
TypeScript'te başlangıçta null olabilen bir ref nasıl doğru şekilde tiplenmelidir?
Vue 3.3+ ile script setup generic kullanan generic bileşenlerin temel avantajı nedir?
+19 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ı
İleri Düzey Vue Desenleri
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