$emit() إطلاق حدث المكوّن
آخر تحديث: 2026-10-22
$emit() إطلاق حدث المكوّن
يُطلق $emit حدثاً مخصصاً تُمرَّر وسائطه كما هي إلى دالة الاستماع في المكوّن الأب: إنها القناة القياسية لإبلاغ الابن أباه.
| المجموعة | الخيارات: التركيب ومتنوع |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
methods: {
save() { this.$emit("save", { id: 1 }) }
}
}
⚙️ الوسائط
| value | اسم الحدث + أي عدد من وسائط الحِمل |
|---|
القيمة المُرجعة:بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات:
Clicking shows the payload id.
💡 نقاط مهمة
ℹ️ ملاحظة التصريح بها في خيار emits يتجنب التحذيرات ويوفّر تلميحات الأدوات.
💡 نصيحة يُنصح بتسمية kebab-case (تفرض قوالب DOM الأحرف الصغيرة).
⚠️ تحذير أسماء الأحداث حساسة لحالة الأحرف: لا يطابق @myEvent الأحداث myEvent في قوالب DOM.
🏷️ التركيب ومتنوع ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س أيهما أفضل: هو أم استدعاء الأب لدوال الابن؟
ج emit أفضل: يحفظ تدفق البيانات أحادي الاتجاه والفصل؛ والاستدعاء المباشر عبر ref حل اضطراري.
س هل يمكن تمرير عدة وسائط؟
ج نعم: $emit('change', a, b)، مع المعالج (a, b) => {}.
س ماذا لو لم يستمع الأب؟
ج يُتجاهل الحدث دون خطأ.