<template> غلاف القالب (template)
آخر تحديث: 2026-10-22
<template> غلاف القالب (template)
يعمل كغلاف شفاف لتجميع العناصر — لا يعرض شيئًا بذاته، وهو مفيد لتجميعات v-if/v-for ومحتويات الـ slot.
| المجموعة | المدمجات |
|---|---|
| النوع | مكوّن / عنصر |
| النطاق | القالب |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
<template v-if="ok">
<p>First</p>
<p>Second</p>
</template>
<template v-for="item in list" :key="item.id">...</template>
⚙️ الوسائط
| props | يعمل مع v-if وv-for وv-slot؛ ولا يعرض أي عنصر بذاته |
|---|
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات:
Both paragraphs toggle together without leaving an empty wrapper.
💡 نقاط مهمة
💡 نصيحة ضمّ عدة عناصر تحت v-if واحد دون إضافة div بلا فائدة.
ℹ️ ملاحظة يحمل template أيضًا محتوى الـ slot عبر v-slot.
⚠️ تحذير عند استخدام v-for على template، ضع key على الـ template نفسه أيضًا.
🏷️ المدمجات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل يظهر في DOM؟
ج لا — إنه غلاف يُعالج وقت الترجمة (compile-time) فقط.
س هل يمكن أن يحمل صنف class؟
ج لا — السمات تتطلب عنصرًا حقيقيًا.
س هل هو نفسه قوالب الـ slot؟
ج نفس الوسم بدورين: التجميع وحمل محتوى الـ slot.