Question 1

Vue'da Virtual DOM nedir?

Accepted Answer

Virtual DOM, gerçek DOM ağacının hafif bir JavaScript temsilidir. Vue, performans açısından maliyetli olan doğrudan DOM manipülasyonlarını en aza indirmek için Virtual DOM kullanır. Durum değiştiğinde Vue yeni bir Virtual DOM oluşturur, onu eskisiyle karşılaştırır (diffing algoritması) ve ardından gerçek DOM'a yalnızca gerekli değişiklikleri uygular. Bu yaklaşım DOM işlemlerinin sayısını önemli ölçüde azaltır ve özellikle çok sayıda güncellemeye sahip karmaşık uygulamalarda performansı artırır.

Question 2

ref() ile shallowRef() arasındaki temel fark nedir?

Accepted Answer

ref() tüm iç içe geçmiş özelliklerin de reaktif olduğu derinlemesine reaktif bir referans oluştururken, shallowRef() yalnızca .value özelliğinin kendisini reaktif yapar. shallowRef() ile nesnenin içindeki derin mutasyonlar güncellemeleri tetiklemez. Reaktiviteyi tetiklemek için .value'nun tamamı değiştirilmelidir. shallowRef(), derin reaktivitenin gerekmediği büyük veri yapılarında performansı optimize etmek veya harici state sistemlerini entegre etmek için kullanışlıdır.

Question 3

v-once direktifinin rolü nedir?

Accepted Answer

v-once direktifi, bir öğeyi ve onun alt öğelerini yalnızca ilk render sırasında bir kez render eder, ardından sonraki tüm render'lar için bunları statik içerik olarak ele alır. Bu, veriler değişse bile öğenin asla güncellenmeyeceği anlamına gelir. Bu direktif, banner görselleri, logolar veya dinamik güncelleme gerektirmeyen metin gibi ilk mount sonrasında asla değişmeyen statik içeriğin performansını optimize etmek için kullanışlıdır.

Vue Performansı

Vue'da Virtual DOM nedir?

Cevap

ref() ile shallowRef() arasındaki temel fark nedir?

Cevap

v-once direktifinin rolü nedir?

Cevap

Vue 3.2+ ile tanıtılan v-memo direktifi nasıl çalışır?

Vue'da markRaw() ne işe yarar?

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

İleri Düzey Vue Desenleri

Vue ile TypeScript

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ş