$emit() إطلاق حدث المكوّن

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

$emit() إطلاق حدث المكوّن

يُطلق $emit حدثاً مخصصاً تُمرَّر وسائطه كما هي إلى دالة الاستماع في المكوّن الأب: إنها القناة القياسية لإبلاغ الابن أباه.

المجموعةالخيارات: التركيب ومتنوع
النوعخيار
النطاقداخل المكوّن
إصدار Vue3.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) => {}.
س ماذا لو لم يستمع الأب؟
ج يُتجاهل الحدث دون خطأ.
Web-Tutorial.com

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

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

100%