onDeactivated() تُستدعى عند إيقاف KeepAlive
آخر تحديث: 2026-10-22
onDeactivated() تُستدعى عند إيقاف KeepAlive
تُستدعى onDeactivated() عندما يُخفى المكوّن المخزَّن بـ
| المجموعة | خطافات دورة الحياة |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
onDeactivated(() => {
clearInterval(timer)
})
⚙️ الوسائط
| callback | الدالة التي تُنفَّذ عند الإيقاف |
|---|
القيمة المُرجعة:لا شيء
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات:
Hiding pauses the clock; showing resumes where it stopped.
💡 نقاط مهمة
💡 نصيحة تُستخدم مقترنةً بـ onActivated: واحدة للاستئناف والأخرى للإيقاف، فيتكوّن دورة حياة كاملة للمكوّن المخزَّن.
⚠️ تحذير الإيقاف لا يعني التدمير: تظل نسخة المكوّن وحالته قائمتين، فلا تُجرِ هنا تنظيفًا لا رجعة فيه.
🏷️ خطافات دورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل تُحفظ الحالة بعد الإيقاف؟
ج تُحفظ، وهذا جوهر فائدة KeepAlive؛ وتُستأنف عند إعادة التنشيط.
س ما الفرق بينها وبين onUnmounted؟
ج onDeactivated مجرد إخفاء؛ أما onUnmounted فهي تدمير حقيقي (لا يحدث إلا عند إزالة التخزين المؤقت).
س ما المناسب تنظيفه هنا؟
ج المؤقتات والاستطلاع الدوري والرسوم المتحركة والاشتراكات الفورية وغيرها من المهام «غير اللازمة أثناء الإخفاء».