beforeUpdate (beforeUpdate)
هوک beforeUpdate یعنی «قبل از بروزرسانی». وقتی سیستم واکنشی تغییر را دید، اما قبل از رندر جدید اجرا می شود. این زمان خوب است برای ثبت لاگ یا همگام سازی های سبک.
beforeUpdate چه زمانی اجرا می شود؟
بعد از تشخیص تغییر، اما قبل از رندر تازه اجرا می شود. بنابراین داده ها آماده اند؛ اما DOM هنوز آپدیت نشده است. حواست باشد روی DOM قدیمی حساب نکنی.
نمونه منبع: شمارش دفعات رندر
export default {
data() {
return {
sliderVal: 50,
renderCount: 0
};
},
beforeUpdate() {
this.renderCount++;
}
};
نکات کاربردی و حلقه بی نهایت
نکته: برای واکنش به تغییرات، اغلب از beforeUpdate استفاده کن نه از updated. چون دستکاری داده در updated می تواند حلقه بی نهایت بسازد.
هشدار: کار سنگین در این هوک نگذار. زمان کوتاه است. برای دسترسی به DOM برو به mounted.
گام های سریع
- تغییر داده اتفاق می افتد.
- beforeUpdate اجرا می شود.
- کار سبک انجام بده و از DOM جدید استفاده نکن.
جمع بندی سریع
- قبل از رندر تازه اجرا می شود.
- برای لاگ و شمارنده ها مناسب است.
- DOM هنوز قدیمی است.
- برای DOM، سراغ mounted برو.
برای مرور کلی، صفحه هوک beforeUpdate ویو را هم ببین.