Vue $Emit nedir?

Vue $Emit nedir?​

Vue Js ile $Emit Kullanımı (Alt Componentten Üst Componente Veri Taşıma) Merhabalar Vuejs ile component geliştiriken bazen alt componentlerden üst componentlere veri taşımak durumunda kalabiliriz, Vuejs bize bunun için “$emit” adlı özel bir fonksiyonla beraber yapmamıza olanak sağlamaktadır.

Vue js prop nedir?​

Bir önceki yazıda, components başlığında giriş yaptığımız props’u (properties) veriyi yönetebileceğimiz bir diğer Vue.js veri tipi olarak ifade edebiliriz. Özetle, props ile tanımlanan component içeriğine kolaylıkla bilgi aktarabilir (set) ve kullanabiliriz.

Vue template nedir?​

Vue template nedir?
VueJS kullanıcı arayüzleri geliştirmek için kullanılan interaktif bir front-end kütüphanesi yada çerçevesidir. Son zamanların en popüler front-end teknolojilerinden biridir. Hatta 2018 temmuz sonu itibariyle Github’da 108 bin yıldız ile en büyük rakiplerinden React ve Angular’ı geride bırakmayı başardı.

Emit ne işe yarar?​

Emit ne işe yarar?
emit(event, [arg1], [arg2], […]): Argümanlara göre sırayla her dinlemeyi çalıştırır. Eğer dinlemeler var ise true, aksi takdirde false döndürür. listenerCount(emitter, event): Verilen bir olay için dinleme sayısını döndürür.

Vuejs event nedir?​

Events (Olaylar) bir kullanıcının web sayfası ve/veya uygulama aktif iken gerçekleştirdiği mouse hareketleri (click, hover vb.) ve klavye işlemleri (keypress vb.) ifade etmektedir.

Vue js slots nedir?​

Slot Nedir? Slotlar,componentler arasında html elementleri taşıyabildiğimiz vue js tarafından oluşturulan özel html tag’idir.

Created () Vue nedir?​

Created () Vue nedir?
Created: Bu hook metodu, ilk Vue.js instance nesnesi oluşturulduğunda çağrılan metoddur. Bu aşamada data observation (reactivity), events, computed properties ve watchers’lar ayarlanmıştır ve etkileşime girebiliriz; fakat DOM ile etkileşime giremeyiz.

Vue router nedir?​

Vue router nedir?
Vue Router, backend ihtiyacı duymadan sayfalarımızın url yapılarını yönetebileceğimiz bir eklentidir. Hazırlayacağımız yapıda url’i statik olarak verebileceğimiz gibi makale detay sayfası gibi tek şablondan yöneteceğimiz sayfalar için dinamik url yapıları da oluşturabiliriz.

Vue $Emit, Vue.js içinde alt componentlerden üst componentlere veri taşımak için kullanılan özel bir fonksiyondur. Bu yöntem sayesinde alt component içinde oluşturulan bir olayı tetikleyerek, bu olayı dinleyen üst componentin belirli bir işlem gerçekleştirmesini sağlayabiliriz.

$Emit kullanımı genellikle şu adımları içerir:
1. Alt component içinde $emit fonksiyonuyla bir olayı tetikleme.
2. Üst component içinde tetiklenen olayı dinleyerek belirli bir işlem yapma.

Vue.js prop ise bir başka Vue.js veri tipi olan props'u ifade eder. Props, bir component içeriğine veri iletmek veya bu veriyi almak için kullanılır. Props sayesinde bir üst componentten bir alt componente veri aktarabilir ve bu veriyi alt component içinde kullanabiliriz.

Vue template ise Vue.js ile geliştirilen kullanıcı arayüzlerini tasarlamak için kullanılan bir kütüphanedir veya çerçevedir. Vue template'lerinde HTML benzeri yapılar kullanarak dinamik verileri göstermek, koşullu görünümler oluşturmak ve event dinlemek gibi işlemler gerçekleştirilebilir.

Emit fonksiyonu ise belirtilen bir olayı tetikleyerek, bu olayı dinleyen event handler fonksiyonlarını çalıştırır. Dinleyicilerin sayısına göre true veya false değeri döndürür.

Events (Olaylar), kullanıcıların web sayfalarında ya da uygulamalarda gerçekleştirdiği mouse hareketleri, klavye işlemleri gibi etkileşimlerin, eventlerin genel adıdır.

Slotlar ise Vue.js tarafından oluşturulan özel HTML tag'leri olan ve componentler arasında HTML elementlerini taşımamıza olanak tanıyan yapılar olarak tanımlanabilir.

Created() Vue, Vue.js tipik bir lifecycle hook metodudur. Vue instance nesnesi oluşturulduğunda çağrılan bu metotta, Vue.js bileşeninin data observation, events, computed properties ve watchers gibi özellikleri ayarlanmış olur. DOM ile etkileşime geçmek için uygun bir aşamadır.

Vue Router ise Vue.js içinde sayfaların URL yapılarını yönetmek için kullanılan bir eklentidir. Bu sayede URL yapılarını yönetebilir, dinamik ve statik URL yapıları oluşturabiliriz.