onUnmounted() خُطاف اكتمال إلغاء التحميل
آخر تحديث: 2026-10-22
onUnmounted() خُطاف اكتمال إلغاء التحميل
تُستدعى onUnmounted() بعد تدمير المكوّن وإزالة DOM وتوقف جميع آثاره الجانبية التفاعلية.
| المجموعة | خطافات دورة الحياة |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
onUnmounted(() => {
// دُمّر المكوّن بالكامل، نظّف الموارد الخارجية
})⚙️ الوسائط
| callback | الدالة التي تُنفَّذ بعد إلغاء التحميل |
|---|
القيمة المُرجعة：لا شيء
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Toggling the child off logs 'child unmounted'.💡 نقاط مهمة
ℹ️ ملاحظة يتوقف Vue تلقائيًا عن مستمعي المكوّن وآثاره الجانبية؛ وكل ما تحتاجه هنا هو معالجة الموارد الخارجية التي لا يصل إليها الإطار.
⚠️ تحذير قراءة DOM في هذه المرحلة غير موثوقة (قد تكون أُزيلت بالفعل).
💡 نصيحة في سيناريوهات النسخ المتعددة نظّف حتمًا المستمعين العامة: وإلا ظلّت ردود نداء كل نسخة مدمّرة تعمل.
🏷️ خطافات دورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل ما زال يلزم إيقاف watch يدويًا؟
ج لا حاجة: الآثار الجانبية المُنشأة داخل المكوّن تتوقف تلقائيًا مع تدميره (ما عدا النطاقات المنفصلة).
س كيف تختار بينها وبين onBeforeUnmount؟
ج التنظيف المنطقي الصرف يستخدم onUnmounted؛ أما التنظيف الذي يحتاج إلى قراءة DOM فتوضع في onBeforeUnmount.
س هل تُنفَّذ في بيئة SSR؟
ج لا تُنفَّذ خطافات إلغاء التحميل في العرض على الخادم، فهي تحدث في المتصفح فقط.
