onDeactivated() تُستدعى عند إيقاف KeepAlive

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

onDeactivated() تُستدعى عند إيقاف KeepAlive

تُستدعى onDeactivated() عندما يُخفى المكوّن المخزَّن بـ (إيقافه): المكوّن لم يُدمَّر، فمناسبة لإيقاف المؤقتات مؤقتًا.

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

📝 الصيغة

onDeactivated(() => {
  clearInterval(timer)
})

⚙️ الوسائط

callbackالدالة التي تُنفَّذ عند الإيقاف

القيمة المُرجعة:لا شيء

▶ مثال

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

المخرجات:

Hiding pauses the clock; showing resumes where it stopped.

💡 نقاط مهمة

💡 نصيحة تُستخدم مقترنةً بـ onActivated: واحدة للاستئناف والأخرى للإيقاف، فيتكوّن دورة حياة كاملة للمكوّن المخزَّن.
⚠️ تحذير الإيقاف لا يعني التدمير: تظل نسخة المكوّن وحالته قائمتين، فلا تُجرِ هنا تنظيفًا لا رجعة فيه.
المزيد من الحالات قريباً.

📚 دروس ذات صلة

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

س هل تُحفظ الحالة بعد الإيقاف؟
ج تُحفظ، وهذا جوهر فائدة KeepAlive؛ وتُستأنف عند إعادة التنشيط.
س ما الفرق بينها وبين onUnmounted؟
ج onDeactivated مجرد إخفاء؛ أما onUnmounted فهي تدمير حقيقي (لا يحدث إلا عند إزالة التخزين المؤقت).
س ما المناسب تنظيفه هنا؟
ج المؤقتات والاستطلاع الدوري والرسوم المتحركة والاشتراكات الفورية وغيرها من المهام «غير اللازمة أثناء الإخفاء».
Web-Tutorial.com

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

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

100%