Kural olarak, yazılım sistemleri gerçek uygulamalarda kullanılıncaya kadar iyi çalışmaz ve defalarca başarısız olur.
- David Parnas
Vue ile html bir veriyi nasıl sayfalar arasında kullanımını veya geçişini sağlayabiliriz.
Burada devreye slot giriyor tek bir veri paylaşımını yaptığınızı varsayalım bu durumda slot ismi vermeden varsayılan slot baz alınacaktır.
Örneğin post.vue içerisinde example componentimi list.vue içerisinde göstermek istiyorum.
list.vue tarafında slot tagı açmamız yeterli olucaktır çünkü sadece bir slot olduğundan default olarak baz alıcaktır.
Ancak birden fazla slot var ise ne yapmalıyız, bu durumda ise slot name yani slotlarımıza isim atayarak isme göre slot kullanımı yapmış oluyoruz.
Bu şekilde taglarımıza isim veriyoruz ve bunları ayrı iki slot olarak varsayıp ona göre slotları çekme işlemi yapalım.
Yukarıdaki görselde ise gönderilen title ve content ismindeki slotları nasıl çektiğimizi göstermiş olduk.
Başka bir senaryo ise title ismini verdik ve slot name title olanı çektik ancak content olan p tagından content slot ismini kaldırdık ve diğer taraftada <slot></slot> yaparak name="content" kaldırdık peki bu durumda ne olur, vue content yazısını yine isimsiz yani default slota gönderir bu da default slot kavramını gösterir yani iki slotunuz var ancak 2.slota isim vermenize gerek kalmamış oluyor.
0 Yorum
Yorum Bulunmuyor...