Što su slots i scoped slots?

Question

Accepted Answer

**Slots** omogućuju roditeljskoj komponenti da prosledi **template sadržaj** u komponentu djeteta — to je kako gradite fleksibilne, ponovno iskoristive wrapper-e (kartice, modale, rasporede) gdje potrošač kontrolira unutarnji markup. ## Osnovni slot ```vue ``` ```vue

Title

Any content!

``` Dijete definira "rupu" (``); roditelj je popunjava sa bilo kojim markupom koji želi. Ovo je daleko fleksibilnije od prolaska stringova preko props. ## Nazvani slots — višestruke točke umetanja ```vue ``` ```vue

Main content (default slot)

``` ## Scoped slots — dijete prosleđuje podatke GORE sadržaju slota Zakad dijete ima podatke koje trebate slot roditeljske komponente (npr. svaka stavka na listi). **Scoped slots** izlažu podatke iz djeteta prema template-u roditeljske komponente: ```vue ``` ```vue ``` Scoped slots su ključ za **renderless/headless komponente**: dijete upravlja logikom (petlje, učitavanje, stanje) i omogućuje roditeljskoj komponenti da potpuno kontrolira prezentaciju. ## Zašto je to važno Slots su Vue-ov mehanizam distribucije sadržaja — ključni za ponovno iskoristive layout i wrapper komponente. Namenski slotovi pružaju više točaka umetanja, a scoped slots (izlaganje podataka iz djeteta prema roditeljski definiranim template-ima) omogućuju moćne obrasce poput headless komponenti i prilagođenih listi/tablica. To je ono što čini Vue komponente kompozicijskim umjesto krutim.