createEventDispatcher ile Özel Olaylar
Üst bileşenin işlemesi için alt bileşenlerden türü belirlenmiş özel olaylar yayınlayın.
createEventDispatcher ile Özel Olaylar, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Özel Olaylar Neden Kullanılır
Alt bileşenler, üst bileşenin dinlediği özel olayları göndererek üst bileşenle iletişim kurar.
Göndericiyi İçe Aktarma
createEventDispatcher öğesini svelte içinden içe aktarın ve betiğinizin içinde bir tane oluşturun.
<script>
import { createEventDispatcher } from "svelte";
const dispatch = createEventDispatcher();
</script>Olay Gönderme
Olayı göndermek için dispatch(name, detail) çağrısını yapın. Üst bileşenler on:name ile dinler.
function save() { dispatch("save", { id: 42 }); }Üst Bileşende Dinleme
Özel olayları DOM olayları gibi ele alın.
<Child on:save={(e) => console.log(e.detail.id)} />Olay Ayrıntısı
İkinci bağımsız değişken, tüketici tarafında event.detail olur.
Varsayılan Olarak Kabarmama
Özel olaylar Svelte bileşen ağaçlarında kendiliğinden kabarmaz. Gerekirse açıkça iletin.
Türlendirilmiş Olaylar
TypeScript ile üst bileşenlerde otomatik tamamlama için olaylara tür verebilirsiniz.
const dispatch = createEventDispatcher<{ save: { id: number } }>();İptal Edilebilir Olaylar
Üst bileşenlerin preventDefault çağrısı yapabilmesi için üçüncü bağımsız değişken olarak { cancelable: true } geçin.
Birden Çok Olay
Tek bir gönderici birçok olay türü gönderebilir; her amaç için benzersiz adlar kullanın.
Genel Adlandırmalardan Kaçının
Genel change yerine itemSelected gibi belirli adları tercih edin.
Olay mı, Geri Çağırma mı
Olaylar üst bileşene sinyal göndermek için uygundur; sıkı bir bütünleşme gerekiyorsa geri çağırma özellikleri geçirmeyi düşünün.
Hızlı Kontrol
Üst bileşen olay verilerini nasıl okur?
Özet
Ayrıntı yükü içeren adlandırılmış olayları göndermek için createEventDispatcher kullanın ve on:eventName ile dinleyin.
Sıkça Sorulan Sorular
“createEventDispatcher ile Özel Olaylar” dersi ücretsiz mi?
Evet — “createEventDispatcher ile Özel Olaylar” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“createEventDispatcher ile Özel Olaylar” dersinde ne öğreneceğim?
Üst bileşenin işlemesi için alt bileşenlerden türü belirlenmiş özel olaylar yayınlayın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“createEventDispatcher ile Özel Olaylar” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- on:click on:input on:submit
- Olay Değiştiricileri: preventDefault stopPropagation once
- createEventDispatcher ile Özel Olaylar
- on:click ile Olay İletme