Kas yra slotai ir pagal sritį apriboti slotai?

Question

Accepted Answer

**Slotai** leidžia tėviniam komponentui perduoti **šablono turinį** į antrinį komponentą — tai yra būdas kurti lanksčius, pakartotinai panaudojamus apvalkalus (korteles, modalinius langus, išdėstymus), kur vartotojas kontroliuoja vidinį žymėjimą. ## Pagrindinis slotai ```vue ``` ```vue

Title

Any content!

``` Antrinė komponentą apibrėžia "skylę" (``); tėvinis ją užpilda norimu žymėjimu. Tai yra daug lanksčiau nei eilučių persiuntimas per props. ## Vardiniai slotai — keli įterpimo taškai ```vue ``` ```vue

Main content (default slot)

``` ## Pagal sritį apriboti slotai — antrinė komponentą perduoda duomenis į sloto turinį Kartais antrinė komponentą turi duomenis, kurių reikia tėvinio sloto (pvz., kiekvienas sąrašo elementas). **Pagal sritį apriboti slotai** atidaro duomenis iš antrinės komponentos į tėvinį šabloną: ```vue ``` ```vue ``` Pagal sritį apriboti slotai yra svarbūs **be vaizdo/antraštės komponentams**: antrinis valdymi logiką (ciklai, duomenų paėmimas, būsena) ir leidžia tėviniam visiškai valdyti pristatymo formą. ## Kodėl tai svarbu Slotai yra Vue turinio paskirstymo mechanizmas — būtinas pakartotinai panaudojamiems išdėstymams ir apvalkalui komponentams. Vardiniai slotai suteikia kelis įterpimo taškus, o pagal sritį apriboti slotai (duomenų iš antrinės komponentos atskleidimas į tėvinį šabloną) leidžia galingoms strategijoms, tokioms kaip nevaizdinės komponentos ir pasitinkamas sąrašai/lentelės. Jie padaro Vue komponentus sudedamais, o ne standžiais.