X'inhuma slots u scoped slots?

Question

Accepted Answer

**Slots** jipermettaw lill-komponent ġenitur li tgħaddi **kontenut template** għal komponent tifel — huma l-mod biex tinbena wrappers flessibili u rriużabbli (karti, modali, layouts) fejn il-konsumatur jikkontrollja l-markup intern. ## Slot bażiku ```vue ``` ```vue

Title

Any content!

``` Il-komponent tifel tiddefinisxi "toqba" (``); il-ġenitur imlieha b'xi markup li trid. Dan huwa ħafna aktar flessibli minn tgħaddi strings permezz ta' props. ## Slots imsemmija — punti multipli ta' inserzjoni ```vue ``` ```vue

Main content (default slot)

``` ## Scoped slots — it-tifel jigħaddi data FUQU għall-kontenut tal-slot Il-ħinijiet it-tifel komponent għandha data li l-slot tal-ġenitur għandha bżonn (es. kull item f'lista). **Scoped slots** jesponu data mit-tifel għat-template tal-ġenitur: ```vue ``` ```vue ``` Scoped slots huma l-ftiehħ għal **komponenti renderless/headless**: it-tifel jandirizza l-loġika (loops, fetching, state) u jipermetti lill-ġenitur li jikkontrolllaw kompletament il-presentazzjoni. ## Għaliex dan importanti Slots huma l-mekkaniżmu ta' distribuzzjoni tal-kontenut ta' Vue — essenzjali għal komponenti layout u wrapper rriużabbli. Slots imsemmija jipprovdu punti multipli ta' inserzjoni, u scoped slots (jesponu data tat-tifel għat-templates definiti mil-ġenitur) jippermettaw patterns b'saħħa bhal komponenti headless u listi/tabelli customizzabbli. Huma dawk li jagħmlu komponenti Vue kompożizzjonali minflok rigid.