<slot> مخرَج الـ slot
آخر تحديث: 2026-10-22
<slot> مخرَج الـ slot
يحدّد
| المجموعة | المدمجات |
|---|---|
| النوع | مكوّن / عنصر |
| النطاق | القالب |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
<slot></slot>
<slot name="header">Default header</slot>
<!-- scoped slot: pass child data out -->
<slot :item="item"></slot>⚙️ الوسائط
| props | name (slot مُسمّى، والقيمة الافتراضية هي default)؛ والسمات الإضافية تكشف بيانات النطاق (scope) |
|---|
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows the parent's custom header and body content.💡 نقاط مهمة
💡 نصيحة لا يظهر المحتوى البديل إلا إذا لم يمرّر الأب شيئًا.
ℹ️ ملاحظة تُعيد الـ slots ذات النطاق (scoped slots) بيانات الابن إلى الأب.
⚠️ تحذير يُترجَم محتوى الـ slot في نطاق الأب — وللوصول إلى بيانات الابن تحتاج إلى scoped slots.
🏷️ المدمجات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ماذا لو لم يمرّر الأب شيئًا؟
ج يظهر المحتوى البديل؛ وإلا فلن يُعرض شيء.
س كم عدد الـ slots في المكوّن الواحد؟
ج أي عدد — واحدة افتراضية (default) وأخريات مُسمّاة.
س هل يمكن لمحتوى الـ slot قراءة بيانات الابن؟
ج ليس مباشرة — صدِّرها عبر slot props ذات النطاق.
