Kaj so sloti in scoped sloti?

Question

Accepted Answer

**Sloti** omogočajo staršu, da prosledi **vsebino predloge** v komponentu otroka — to je način, kako gradite fleksibilne, ponovno uporabne ovoje (kartice, modalne okne, postavitve), kjer potrošnik nadzira notranjo oznako. ## Osnovni slot ```vue ``` ```vue

Title

Any content!

``` Otrok definira "luknjo" (``); starš jo napolni s kakršno koli oznako, ki jo želi. To je veliko fleksibilnejše od prepošiljanja stringov preko props. ## Poimenovani sloti — več vstavnih točk ```vue ``` ```vue

Main content (default slot)

``` ## Scoped sloti — otrok prosledi podatke NAVZGOR vsebini slota Zdaj otroka imajo podatke, ki jih potrebuje predloga starša (npr. vsak element na seznamu). **Scoped sloti** izpostavijo podatke iz otroka staršu predloge: ```vue ``` ```vue ``` Scoped sloti so ključni za **komponente brez renderiranja/brezkrajevne**: otrok obravnava logiko (zanke, pridobivanje, stanje) in staršu omogoči, da popolnoma nadzira predstavitev. ## Zakaj je to pomembno Sloti so Vueov mehanizem za distribucijo vsebine — bistveni za ponovno uporabne postavitve in komponente ovoja. Poimenovani sloti zagotavljajo več vstavnih točk, scoped sloti (izpostavljanje podatkov otroka starševim preddefiniranim predlogam) pa omogočajo zmogljive vzorce, kot so komponente brez glave in prilagodljivi seznami/tabele. To je tisto, kar naredi Vueove komponente sestavljive namesto togih.