resolveComponent() إيجاد المكوّن بالاسم

آخر تحديث: 2026-10-22

resolveComponent() إيجاد المكوّن بالاسم

تُوجد resolveComponent() المكوّن باسمه المسجّل داخل دالة التصيير: بعد الحصول على تعريف المكوّن يمكن تصييره بـ h().

المجموعةدوال العرض و SSR
النوعAPI
النطاقداخل المكوّن
إصدار Vue3.0+
دعم SSRمدعوم

📝 الصيغة

const Comp = resolveComponent("my-button")
return h(Comp, null, "انقر")

⚙️ الوسائط

nameاسم تسجيل المكوّن (سلسلة نصية، ويجب تطابق حالة الأحرف)

القيمة المُرجعة:تعريف المكوّن (مع إعادة اسم السلسلة وتحذير عند عدم العثور عليه)

▶ مثال

عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:

المخرجات:

Renders a button labelled 'button from render'.

💡 نقاط مهمة

ℹ️ ملاحظة لا حاجة إليها إلا داخل دوال التصيير: مُترجم القوالب يوجد أسماء المكوّنات تلقائياً.
💡 نصيحة استيراد المكوّن مباشرة واستخدام h(Comp) أوضح عادةً؛ والإيجاد بالاسم يناسب السيناريوهات الديناميكية أو التسجيل العام.
⚠️ تحذير عند عدم تسجيل الاسم تُعاد السلسلة الأصلية، فتُعرض كوسم أصلي مع تحذير.
المزيد من الحالات قريباً.

📚 دروس ذات صلة

❓ الأسئلة الشائعة

س لماذا لا نستورد مباشرة؟
ج سيناريوهات الأسماء الديناميكية (المبنية على الإعدادات) لا يمكنها الاستيراد الساكن، والإيجاد بالاسم هو الطريق الوحيد.
س هل هي حساسة لحالة الأحرف؟
ج نعم، يجب أن تطابق اسم التسجيل (و kebab-case شائعة).
س هل تعمل في بيئة SSR؟
ج نعم، الإيجاد عملية متزامنة في وقت التشغيل.
Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%