app.component() التسجيل العام للمكوّنات
آخر تحديث: 2026-10-22
app.component() التسجيل العام للمكوّنات
تُسجّل app.component() المكوّن بشكل عام: جميع قوالب المكوّنات يمكنها استخدامه مباشرة، وهو مناسب للمكوّنات الأساسية مثل الأزرار والأيقونات.
| المجموعة | واجهة API العامة |
|---|---|
| النوع | API |
| النطاق | عام |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
app.component("my-btn", { template: "<button><slot></slot></button>" })⚙️ الوسائط
| name, component? | اسم المكوّن + تعريفه (عند تمرير الاسم فقط تُعاد المكوّنة المسجلة) |
|---|
القيمة المُرجعة：نسخة التطبيق (يدعم الاستدعاء المتسلسل)
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Renders a button labelled 'Global button'.💡 نقاط مهمة
⚠️ تحذير التسجيل العام لا يمكن إزالته بـ tree-shaking: يُفضَّل التسجيل المحلي في المشاريع الكبيرة.
💡 نصيحة استخدمه في واجهة المستخدم الأساسية فقط (أزرار/أيقونات/بطاقات)، وسجّل مكوّنات الأعمال محلياً دائماً.
ℹ️ ملاحظة في المشاريع الحقيقية يُسجَّل عادةً بشكل موحّد في ملف الدخول، مع الانتباه إلى أن يكون قبل mount.
🏷️ واجهة API العامة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س المفاضلة مع التسجيل المحلي؟
ج التسجيل حيثُ يُستخدم (محلي) أوضح وقابل لـ tree-shaking؛ والمكوّنات الأساسية فقط تُسجَّل عامة.
س ما شروط أسماء المكوّنات؟
ج أسماء من كلمات متعددة بصيغة kebab-case (قوالب DOM) أو PascalCase (SFC)، لتجنب تعارض الأسماء المفردة مع الوسوم الأصلية.
س ماذا يحدث بعد التسجيل بتغيير الاسم؟
ج التسجيل الأحدث يستبدل المكوّنة السابقة ذات الاسم نفسه (مع تنبيه في بيئة التطوير).
