Menene slots da scoped slots?

Question

Accepted Answer

**Slots** suna barin reni ya kawar da **template content** a cikin unguwar yara — haka ne kaka ka gina wrappers masu mahimmanci, da za a iya amfani da su (karado, modals, layouts) inda mai amfani ya dauke shimfidar ciki. ## Slot na asali ```vue ``` ```vue

Title

Any content!

``` Yara ta bayyana "rami" (``); reni ta cika shi da duk wace markup yake son. Wannan ya fi mahimmanci fiye da kawar da kirtasi ta hanyar props. ## Slots masu suna — marmari masu iro da yawa ```vue ``` ```vue

Main content (default slot)

``` ## Scoped slots — yara ta kawar da data sama zuwa slot content Wani lokaci yara ta sami data da slot na reni ke bukatar (misali duk abin a cikin jeri). **Scoped slots** suna fallasa data daga yara zuwa template na reni: ```vue ``` ```vue ``` Scoped slots shine mabugin **renderless/headless components**: yara ta dauke ilimi (jeri, kawo, state) kuma ta bar reni a dauke gabatarwa gaba abi. ## Me ya sababi muhimmanci Slots shine Vue na kanzu-tafiyar halaye — wajibi don sake amfani layout da wrapper components. Slots masu suna suna ba da marmari da yawa, kuma scoped slots (fallasa data daga yara zuwa templates da reni ta kaita) suna bayar da pattern masu karfi kamar headless components da listi da teburin da za a iya daidaita. Su ne su da suke sa Vue components suna tsarine ba titi ba.