Mik a slotok és a scoped slotok?

Question

Accepted Answer

A **slotok** lehetővé teszik a szülőnek, hogy **sablon tartalmat** adjon át a gyermek komponensnek — így építhetsz rugalmas, újrafelhasználható burkolókat (kártyákat, modálokat, elrendezéseket), ahol a felhasználó az belső markup-ot vezérli. ## Alapvető slot ```vue ``` ```vue

Title

Any content!

``` A gyermek definiál egy "lyukat" (``); a szülő kitölti azzal a markup-pal, amit csak akar. Ez sokkal rugalmasabb, mint a stringek átadása prop-okon keresztül. ## Megnevezett slotok — több beillesztési pont ```vue ``` ```vue

Main content (default slot)

``` ## Scoped slotok — a gyermek adatokat továbbít FEL a slot tartalomhoz Ha a gyermeknek van adata, amelyre a szülő slotjának szüksége van (pl. a lista minden eleme). **A scoped slotok** felületi adatokat kívánnak a gyermektől a szülő sablonjahoz: ```vue ``` ```vue ``` A scoped slotok a **renderless/headless komponensek** kulcsa: a gyermek kezeli a logikát (ciklus, lekérés, állapot) és hagyja, hogy a szülő teljesen vezérlje a megjelenítést. ## Miért fontos A slotok Vue tartalom-elosztási mechanizmusa — elengedhetetlen az újrafelhasználható elrendezési és burkoló komponensekhez. A megnevezett slotok több beillesztési pontot biztosítanak, és a scoped slotok (a gyermek adatait a szülő által meghatározott sablonokba kitéve) hatékony mintákat tesznek lehetővé, mint a headless komponensek és testre szabható listák/táblázatok. Ez az, ami a Vue komponenseket kompozícióvá teszi a merevség helyett.