# İleri Düzey Vue Desenleri (Vue.js / Nuxt.js)

> Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components

- 24 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 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.

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

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

## 21 soru daha mevcut

- Vue 3'te Teleport kullanmak için hangi öznitelik gereklidir?
- Vue'da custom directive 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
- [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-advanced-patterns