updated اكتمال التحديث (بأسلوب الخيارات)
آخر تحديث: 2026-10-22
updated اكتمال التحديث (بأسلوب الخيارات)
يُستدعى updated بعد أن يُعيد تغيّر البيانات تصيير المكوّن ويكتمل تحديث DOM: مناسب لإعادة القياس أو مزامنة مكوّنات الطرف الثالث.
| المجموعة | الخيارات: العرض ودورة الحياة |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
updated() {
// تم تحديث الـ DOM
}
}⚙️ الوسائط
| value | بلا وسائط |
|---|
القيمة المُرجعة：بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The height follows the font-size changes.💡 نقاط مهمة
⚠️ تحذير لا تعدّل البيانات المُعرَضة داخل updated أبداً: سيُفعّل ذلك تحديثاً آخر فيتشكل حلقة لا نهائية.
💡 نصيحة عند تتبع بيانات محددة يُفضَّل watch؛ و updated يناسب المزامنة التي يجب أن تتم «بعد أي تحديث».
ℹ️ ملاحظة يُفعَّل updated للمكوّن الأب بعد تحديث أبنائه.
🏷️ العرض ودورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س لماذا تُحدث تعديل البيانات حلقة لا نهائية؟
ج الإسناد داخل الخطاف يفعّل جولة تحديث أخرى، فيُنفَّذ الخطاف من جديد بلا توقف.
س ما فرق السيناريو عن watch؟
ج watch يهتم بتغيّرات بيانات محددة؛ و updated لا يهتم إلا بواقعة «اكتمال العرض».
س هل يمكن الحصول على أحدث DOM؟
ج نعم، وهذه ميزته الجوهرية مقارنة بـ beforeUpdate.
