# Vue ile TypeScript (Vue.js / Nuxt.js)

> Vue 3 TypeScript desteği, defineComponent, PropType, type inference, generic components, strict mode

- 22 mülakat soruları
- Senior
- [Mülakat Soruları: Vue.js / Nuxt.js](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 19 soru daha mevcut

- 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?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

## Diğer Vue.js / Nuxt.js mülakat konuları

- [JavaScript Temelleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/javascript-fundamentals.md): 20 soru, Junior
- [Modern JavaScript (ES6+)](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/es6-modern-javascript.md): 20 soru, Junior
- [Vue Temelleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-basics.md): 22 soru, Junior
- [Vue Bileşenleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-components.md): 20 soru, Junior
- [Vue Router](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-router.md): 18 soru, Junior
- [Pinia State Management](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/pinia-state-management.md): 20 soru, Junior
- [Vuex (Legacy)](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vuex-legacy.md): 15 soru, Mid-Level
- [Composition API](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/composition-api.md): 24 soru, Mid-Level
- [Vue Reaktifliği](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-reactivity.md): 20 soru, Mid-Level
- [Nuxt Temelleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-fundamentals.md): 22 soru, Mid-Level
- [Nuxt Data Fetching](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-data-fetching.md): 20 soru, Mid-Level
- [Nuxt SSR & SSG](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-ssr-ssg.md): 22 soru, Mid-Level
- [Nuxt Sunucu Rotaları](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-server-routes.md): 20 soru, Mid-Level
- [Nuxt Modülleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-modules.md): 18 soru, Mid-Level
- [Vue Composable'ları](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-composables.md): 20 soru, Mid-Level
- [Vue Formları ve Doğrulama](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-forms-validation.md): 20 soru, Mid-Level
- [Nuxt Durum Yönetimi](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-state-management.md): 18 soru, Mid-Level
- [Vue Testing](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-testing.md): 20 soru, Mid-Level
- [Nuxt Dağıtımı & CI/CD](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-deployment-cicd.md): 22 soru, Mid-Level
- [Vue Performansı](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-performance.md): 22 soru, Senior
- [İleri Düzey Vue Desenleri](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-advanced-patterns.md): 24 soru, Senior
- [Nuxt Kimlik Doğrulama](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-auth.md): 20 soru, Senior
- [Nuxt ile SEO](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-seo.md): 20 soru, Senior
- [Nuxt Uluslararasılaştırma](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-i18n.md): 18 soru, Senior
- [Vue Mimarisi](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-architecture.md): 22 soru, Senior
- [Nuxt Güvenliği](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/nuxt-security.md): 20 soru, Senior
- [Vue Ekosistemi](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/vue-ecosystem.md): 18 soru, Senior
- [Vue 2→3 & Nuxt 2→3 Geçişi](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/migration-vue2-vue3-nuxt2-nuxt3.md): 22 soru, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/typescript-vue