deactivated (deactivated)
هوک «deactivated در ویو (Vue)» وقتی کامپوننت کش شده از DOM خارج شود اجرا می شود. «هوک (Hook)» یعنی زمان آماده اجرای کد. «DOM» همان درخت عناصر صفحه است. این خروج نابودکردن نیست؛ فقط کنار گذاشته می شود. مثل وقتی دفترت را موقت از روی میز برمی داری.
تعریف و کاربرد
deactivated زمانی اجرا می شود که یک کامپوننتِ کش شده با <KeepAlive> از DOM برداشته شود، اما نابود نشود. این اتفاق می تواند بارها رخ دهد. بنابراین هر بار خروج، deactivated صدا می شود.
نمونه کد از منبع
در این نمونه، هر بار deactivated اجرا شد، لاگ و ثبت می شود.
export default {
data() {
return {
hookLog: []
};
},
deactivated() {
console.log("deactivated");
this.hookLog.push("deactivated");
}
};
تفاوت با unmounted
در unmounted کامپوننت کاملاً نابود می شود. بنابراین حافظه و رویدادها آزاد می شوند. اما در deactivated فقط کنار گذاشته می شود و داده ها باقی می مانند.
گام های عملی
- کامپوننت را داخل <KeepAlive> قرار بده.
- در deactivated تایمرها و لیسنرهای موقت را متوقف کن.
- در activated دوباره آن منابع را شروع کن.
نکته ها و هشدارها
نکته: کارهای سبک پاک سازی را در deactivated انجام بده. بازگشت سریع تر می شود.
هشدار: منابع جدید نساز که یادت برود ببندی. نشت حافظه پیش می آید.
پیوندهای مرتبط
برای ورود دوباره کش، صفحه activated را ببین. برای ساخت اولیه، mounted مناسب است. برای حذف کامل، unmounted را بررسی کن.
جمع بندی سریع
- deactivated خروجِ موقتِ کامپوننتِ کش شده است.
- نابودی نیست؛ داده ها حفظ می شوند.
- منابع موقت را اینجا متوقف کن.
- با activated دوباره راه اندازی کن.
- با unmounted اشتباه نگیر.