स्लट र स्कोपड स्लट के हुन्?

Question

Accepted Answer

**स्लट**ले अभिभावकलाई **टेम्प्लेट सामग्री** बाल कम्पोनेन्टमा पास गर्न दिन्छ — यो लचकदार, पुनः प्रयोगयोग्य र्‍यापरहरू (कार्डहरू, मोडलहरू, लेआउटहरू) निर्माण गर्ने तरिका हो जहाँ उपभोक्ताले आन्तरिक मार्कअप नियन्त्रण गर्छ। ## आधारभूत स्लट ```vue ``` ```vue

Title

Any content!

``` बालले "कुरा" परिभाषित गर्छ (``); अभिभावकले यसलाई आफूले चाहेको कुनै पनि मार्कअपले भर्छ। यो props मार्फत स्ट्रिङहरू पास गर्नुभन्दा धेरै लचकदार छ। ## नामित स्लटहरू — बहु सम्मिलन बिन्दुहरू ```vue ``` ```vue

Main content (default slot)

``` ## स्कोपड स्लटहरू — बालले डेटा अभिभावकमा माथि पास गर्छ कहिलेकाहीँ बालसँग डेटा हुन्छ जुन अभिभावकको स्लटलाई चाहिन्छ (उदाहरण सूचीमा प्रत्येक वस्तु)। **स्कोपड स्लटहरू**ले बालबाट डेटा अभिभावकको टेम्प्लेटमा उजागर गर्छन्: ```vue ``` ```vue ``` स्कोपड स्लटहरू **रेन्डरलेस/हेडलेस कम्पोनेन्टहरू**को कुञ्जी हुन्: बालले तर्क (लुपिङ, फेच गर्ने, अवस्था) सम्हाल्छ र अभिभावकलाई प्रस्तुतिकरण पूर्ण नियन्त्रण दिन्छ। ## किन यो महत्वपूर्ण छ स्लटहरू Vue को सामग्री-वितरण तन्त्र हुन् — पुनः प्रयोगयोग्य लेआउट र र्‍यापर कम्पोनेन्टहरूको लागि आवश्यक। नामित स्लटहरूले बहु सम्मिलन बिन्दुहरू प्रदान गर्छन्, र स्कोपड स्लटहरू (बालको डेटा अभिभावक-परिभाषित टेम्प्लेटहरूमा उजागर गर्ने) हेडलेस कम्पोनेन्टहरू र अनुकूलनयोग्य सूचीहरू/तालिकाहरू जस्ता शक्तिशाली प्याटर्नहरू सक्षम गर्छन्। तिनै Vue कम्पोनेन्टहरूलाई कठोर भन्दा संरचनात्मक गर्ने कुरा हुन्।