Co jsou slots a scoped slots?

Question

Accepted Answer

**Slots** umožňují nadřazenému prvku předat **obsah šablony** do podřízené komponenty — jsou to způsob, jak vytvářet flexibilní, opakovaně použitelné obálky (karty, modály, rozložení), kde si konzument kontroluje vnitřní značku. ## Základní slot ```vue ``` ```vue

Title

Any content!

``` Podřízená komponenta definuje "otvor" (``); nadřízená komponenta ho vyplní jakoukoli značkou, kterou chce. To je mnohem flexibilnější než předávání řetězců prostřednictvím props. ## Pojmenované sloty — více bodů vložení ```vue ``` ```vue

Main content (default slot)

``` ## Scoped sloty — podřízená komponenta předává data NAHORU do obsahu slotu Někdy má podřízená komponenta data, která šablona slotu nadřízené komponenty potřebuje (např. každá položka v seznamu). **Scoped sloty** vystavují data z podřízené komponenty do šablony nadřízené komponenty: ```vue ``` ```vue ``` Scoped sloty jsou klíčem k **bezpředstavovým/headless komponentám**: podřízená komponenta zpracovává logiku (smyčky, načítání, stav) a nechá nadřízenou komponentu plně kontrolovat prezentaci. ## Proč na tom záleží Sloty jsou mechanismem Vue pro distribuci obsahu — nezbytné pro opakovaně použitelné komponenty rozložení a obálek. Pojmenované sloty poskytují více bodů vložení a scoped sloty (vystavující data podřízené komponenty do šablon definovaných nadřízením) umožňují výkonné vzory, jako jsou bezpředstavové komponenty a přizpůsobitelné seznamy nebo tabulky. Jsou to právě ty věci, které činí komponenty Vue skladatelnými místo rigidních.