beforeUpdate قبل التحديث (بأسلوب الخيارات)
آخر تحديث: 2026-10-22
beforeUpdate قبل التحديث (بأسلوب الخيارات)
يُستدعى beforeUpdate بعد تغيّر البيانات وقبيل تحديث DOM: ما تقرؤه في هذه اللحظة لا يزال DOM القديم.
| المجموعة | الخيارات: العرض ودورة الحياة |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
beforeUpdate() {
// لا يزال الـ DOM يحمل القيمة القديمة
}
}⚙️ الوسائط
| value | بلا وسائط |
|---|
القيمة المُرجعة：بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Each click records the stale DOM first, then the view refreshes.💡 نقاط مهمة
ℹ️ ملاحظة استخدامه قليل التكرار: في معظم السيناريوهات يكفي watch (بخيار flush: 'pre').
⚠️ تحذير تغيير البيانات هنا يُحدث تحديثات إضافية، فتوخَّ الحذر عند الإسناد.
🏷️ العرض ودورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س أيهما يسبق: هو أم تحديث DOM؟
ج الخطاف أولاً، ويتلوه تحديث DOM مباشرة.
س هل يمكن منع التحديث؟
ج لا، استخدم v-if للتحكم في شرط العرض.
س ما الفرق عن updated؟
ج التوقيت معاكس: الـ DOM هنا قديم، وفي updated هو الأحدث.
