# Vue Bileşenleri (Vue.js / Nuxt.js)

> Bileşen yaşam döngüsü, props, events, slots, scoped styles, bileşenler arası iletişim, dinamik bileşenler

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

## 1. Vue bileşeni nedir?

**Cevap**

Vue bileşeni, bir ada sahip, yeniden kullanılabilir bir Vue örneğidir. HTML, CSS ve JavaScript'i bağımsız bir mantıksal birim içinde kapsüller. Bileşenler, kullanıcı arayüzünü yeniden kullanılabilir ve bakımı kolay parçalara bölmeyi sağlar. Her bileşenin kendi template'i, mantığı ve stilleri vardır; bu da kod organizasyonunu ve yeniden kullanılabilirliği kolaylaştırır.

## 2. script setup ile bir Vue 3 bileşeninde props nasıl tanımlanır?

**Cevap**

script setup ile Vue 3'te defineProps(), props'ları açık bir import olmadan tanımlamayı sağlayan bir derleyici makrosudur. Bu makro gerekli kodu otomatik olarak oluşturur ve props'ları template'e sunar. TypeScript ve JavaScript tip doğrulamasını destekleyerek kodu Options API yaklaşımına göre daha kısa ve tip güvenli hale getirir.

## 3. onMounted() hook'unun bir bileşenin lifecycle'ındaki işlevi nedir?

**Cevap**

onMounted() hook'u, bileşen DOM'a mount edildikten sonra çalışır. Üçüncü taraf kütüphaneleri başlatmak, API üzerinden veri çekmek veya DOM elemanlarını doğrudan değiştirmek gibi DOM erişimi gerektiren işlemler için ideal bir andır. Bu aşamada template render edilmiştir ve refs'e erişilebilir.

## 17 soru daha mevcut

- Bir alt bileşen, üst bileşenine nasıl bir event emit eder?
- Bir Vue bileşeninde slots ne için kullanılır?

Ü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 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
- [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/vue-components