Vuex (Legacy)
Vuex 4 store, state, mutations, actions, getters, modules, namespacing, Pinia'ya geçiş
1Vuex store nedir?
Vuex store nedir?
Cevap
Vuex store, bir Vue uygulamasının global state'ini yöneten merkezi bir kapsayıcıdır. Props'ları bileşen ağacı boyunca elle aktarmaya gerek kalmadan birden fazla bileşen arasında veri paylaşılmasını sağlar. Store, state'in yalnızca mutations aracılığıyla öngörülebilir bir şekilde değiştirilebilmesini garanti eder; bu da karmaşık uygulamaların hata ayıklamasını ve bakımını kolaylaştırır.
2Vuex'te mutations ile actions arasındaki temel fark nedir?
Vuex'te mutations ile actions arasındaki temel fark nedir?
Cevap
Mutations senkrondur ve state'i değiştirmekten doğrudan sorumludur; actions ise asenkrondur ve mutations'ı commit etmeden önce karmaşık iş mantığı içerebilir. Actions, sonuçları bekleyip mutations aracılığıyla state'i değiştirebildiği için API çağrıları, zamanlayıcılar veya herhangi bir asenkron işlem için idealdir. Bu ayrım, state değişikliklerinin Vue DevTools'ta izlenebilir kalmasını sağlar.
3Vuex store'da getters ne için kullanılır?
Vuex store'da getters ne için kullanılır?
Cevap
Vuex'teki getters, store için computed properties gibi çalışır. Birden fazla bileşende mantığı tekrarlamadan state'ten türetilmiş değerleri hesaplamayı sağlar. Getters önbelleğe alınır ve yalnızca bağımlılıkları değiştiğinde yeniden hesaplanır, böylece iyi bir performans sunar. State verilerini bileşenlere sunmadan önce filtrelemek, sıralamak veya dönüştürmek için idealdir.
Bir Vue bileşeninden Vuex state'ine nasıl erişilir?
Vuex'te API çağrıları için mutations yerine neden actions kullanılır?
+12 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
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
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