mergeProps() دمج كائنات الخصائص
آخر تحديث: 2026-10-22
mergeProps() دمج كائنات الخصائص
تدمج mergeProps() عدة كائنات خصائص: يُدمج class و style بالسلسل، وتُحفظ جميع مستمعي الأحداث، وتتغلب قيم الوسيط الأحدث في بقية الخصائص.
| المجموعة | دوال العرض و SSR |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
mergeProps(baseProps, { class: "extra", onClick: fn })⚙️ الوسائط
| ...args | عدة كائنات خصائص |
|---|
القيمة المُرجعة：كائن جديد مدموج
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows 'a b / id=two'.💡 نقاط مهمة
ℹ️ ملاحظة شائعة عند كتابة مكوّنات ذات رتبة أعلى أو تمرير الخصائص: دمج props المكوّن نفسه مع الخصائص الممررة من الأب.
💡 نصيحة تفهم القواعد الخاصة في Vue: يُدمج class/style بدل الكتابة فوقهما، وتُحفظ جميع onXxx.
⚠️ تحذير هي دمج سطحي: الكائنات المتداخلة لا تُدمج تكرارياً.
🏷️ دوال العرض و SSR ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق عن Object.assign؟
ج سيكتب assign فوق class؛ بينما تدمج mergeProps class/style وفق قواعد Vue وتحفظ المستمعين.
س هل تُكتب الأحداث فوق بعضها؟
ج لا، تُحفظ جميع onXxx (وتُفعَّل بالترتيب).
س أاستخدمها يدوياً أم تلقائياً؟
ج تمرير v-bind في المكوّنات يدمج تلقائياً؛ وهي مطلوبة عند كتابة دوال التصيير يدوياً.
