Ce sunt slot-urile și slot-urile cu domeniu?

Question

Accepted Answer

**Slot-urile** permit unui componente părinte să treacă **conținut de șablon** în componentul copil — aceasta este modul în care construiești wrappere flexibile și reutilizabile (carduri, modaleuri, layout-uri) unde consumatorul controlează markup-ul intern. ## Slot de bază ```vue ``` ```vue

Title

Any content!

``` Componentul copil definește o "gaură" (``); părintele o umple cu orice markup dorește. Aceasta este mult mai flexibilă decât trecerea string-urilor prin props. ## Slot-uri numite — multiple puncte de inserare ```vue ``` ```vue

Main content (default slot)

``` ## Slot-uri cu domeniu — copilul transmite date SUS către conținutul slot-ului Uneori copilul are date de care are nevoie slot-ul părintelui (de ex. fiecare element într-o listă). **Slot-urile cu domeniu** expun date din copil către șablonul părintelui: ```vue ``` ```vue ``` Slot-urile cu domeniu sunt cheia pentru **componente renderless/headless**: copilul gestionează logica (looping, fetching, state) și îi permite părintelui să controleze complet prezentarea. ## De ce conteaza Slot-urile sunt mecanismul de distribuție a conținutului Vue — esențial pentru componente de layout și wrapper reutilizabile. Slot-urile numite oferă multiple puncte de inserare, iar slot-urile cu domeniu (expunând date de copil la șabloane definite de părinte) permit modele puternice ca componente headless și liste/tabele customizabile. Acestea sunt ceea ce fac componentele Vue compoziționale în loc de rigide.