components تسجيل المكوّنات الأبناء
آخر تحديث: 2026-10-22
components تسجيل المكوّنات الأبناء
يسجّل خيار components المكوّنات الأبناء محلياً: فتبقى متاحة داخل هذا المكوّن فقط، متجنبةً تلويث النطاق العام (وهو أفضل من التسجيل العام).
| المجموعة | الخيارات: التركيب ومتنوع |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
components: { TodoItem }
}⚙️ الوسائط
| value | كائن: اسم التسجيل (يُسمح بـ kebab-case) → تعريف المكوّن |
|---|
القيمة المُرجعة：بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Renders two todo items.💡 نقاط مهمة
💡 نصيحة يُفضَّل التسجيل المحلي: علاقات التبعية واضحة، وتستطيع أدوات التجميع تطبيق tree-shaking أيضاً.
ℹ️ ملاحظة يجب أن يكون اسم المكوّن بـ kebab-case ليُطابق صحيحاً في قوالب DOM (غير SFC).
⚠️ تحذير التسجيل العام (app.component) يُدخل المكوّن في جميع القوالب: لا يُفعل ذلك إلا لقلة من المكوّنات الأساسية.
🏷️ التركيب ومتنوع ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق عن التسجيل العام؟
ج التسجيل المحلي متاح في المكوّن الحالي فقط وقابل للاستبعاد عند التجميع؛ والعام متاح في كل مكان لكنه لا يقبل tree-shake.
س هل يجب أن يكون اسم التسجيل بـ kebab-case؟
ج إلزامي في قوالب DOM؛ وقوالب SFC تتعرّف على الصيغتين معاً.
س هل يمكن التسجيل ديناميكياً؟
ج ممكن لكنه نادر: يُستخدم عادةً <component :is> للتبديل الديناميكي.
