<component> المكوّن الديناميكي
آخر تحديث: 2026-10-22
<component> المكوّن الديناميكي
يعرض
| المجموعة | المدمجات |
|---|---|
| النوع | مكوّن / عنصر |
| النطاق | القالب |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
<component :is="currentView"></component>
<!-- native elements too -->
<component is="h3">dynamic tag</component>⚙️ الوسائط
| props | is (اسم مكوّن أو تعريف أو سلسلة وسم أصلي) |
|---|
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Clicking switches between 'Component A' and 'Component B'.💡 نقاط مهمة
💡 نصيحة من الاستخدامات الشائعة: تبديل التبويبات وحقول النماذج المحدَّدة حسب النوع.
ℹ️ ملاحظة يؤدي التبديل إلى تدمير المكوّن القديم؛ غلّفه بـ KeepAlive للحفاظ على الحالة.
⚠️ تحذير تُعرض الأسماء غير المعروفة كوسوم أصلية مع تحذير.
🏷️ المدمجات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق بينه وبين فروع v-if؟
ج النتيجة مشابهة، لكن الاختيار قائم على البيانات بدلًا من الفروع.
س هل يمكن تمرير props؟
ج نعم — تنتقل السمات تلقائيًا إلى المكوّن المختار.
س هل يمكن أن تحمل is تعريفًا؟
ج نعم — مرّر كائن التعريف مباشرة.
