Vue Reaktifliği
Reactivity system, reactive vs ref, toRef, toRefs, unref, shallow reactivity, readonly
1Vue'nun reaktiflik sistemi nedir?
Vue'nun reaktiflik sistemi nedir?
Cevap
Vue'nun reaktiflik sistemi, verilerdeki değişiklikleri otomatik olarak algılar ve DOM'u buna göre günceller. Özellik erişimlerini ve değişikliklerini yakalayan JavaScript Proxy'lerine dayanır. Bu sistem, kullanıcı arayüzünün manuel müdahale olmadan uygulama durumuyla senkronize kalmasını sağlar.
2ref() ile reactive() arasındaki temel fark nedir?
ref() ile reactive() arasındaki temel fark nedir?
Cevap
ref(), .value üzerinden erişilen, bir primitive değer veya nesne için reaktif bir referans oluşturur; reactive() ise özelliklere erişmek için .value gerektirmeden bir nesnenin reaktif bir proxy'sini oluşturur. ref() evrenseldir (primitive + nesneler) ve basit değerler için idealdir; reactive() ise nesneler için optimize edilmiştir ancak primitive değerlerle çalışmaz. Pratikte, tüm türlerle çalıştığı için genellikle ref() tercih edilir.
3Bir ref'in değerine template içinde ve script içinde nasıl erişilir?
Bir ref'in değerine template içinde ve script içinde nasıl erişilir?
Cevap
Template içinde Vue, ref'leri otomatik olarak unwrap eder ve böylece .value olmadan doğrudan erişime izin verir (ör: {{ count }}). Script içinde ise ref'in değerini okumak veya değiştirmek için .value kullanmanız gerekir (ör: count.value++). Template'lerdeki bu otomatik davranış, JavaScript mantığında açık denetimi korurken kod yazımını basitleştirir.
Bir reactive() nesnesini destructure ederseniz ne olur?
Vue'da toRefs() ne işe yarar?
+17 mülakat soruları
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
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
Vue Performansı
İ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ş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla