# Composition API (Vue.js / Nuxt.js)

> Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup

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

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

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

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

## 21 soru daha mevcut

- setup() fonksiyonu içinde bir ref'in değerine nasıl erişilir?
- Composition API'de computed özelliği nasıl oluşturulur?

Ü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
- [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
- [Vue ile TypeScript](https://sharpskill.dev/tr/technologies/vue-nuxt/mulakat-sorulari/typescript-vue.md): 22 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/composition-api