onRenderTriggered() تنقيح: تتبع أسباب إعادة العرض
آخر تحديث: 2026-10-22
onRenderTriggered() تنقيح: تتبع أسباب إعادة العرض
تُستدعى onRenderTriggered() عندما يؤدي تغيّر اعتمادية إلى إعادة عرض المكوّن، وتخبرك مباشرة «من أطلق هذا التحديث».
| المجموعة | خطافات دورة الحياة |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
onRenderTriggered((event) => {
console.log('أُعيد العرض بفعل', event.key)
})⚙️ الوسائط
| event | حدث التنقيح: المفتاح المُطلِق والقيمتان القديمة والجديدة وtarget |
|---|
القيمة المُرجعة：لا شيء
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Logs the key and new value so unexpected updates are traceable.💡 نقاط مهمة
⚠️ تحذير تعمل هي الأخرى في بيئة التطوير فقط، وتُستخدم للتحقيق المؤقت.
💡 نصيحة تُستخدم مع onRenderTracked: انظر أولًا إلى مجموعة الاعتماديات ثم إلى مصدر الإطلاق.
🏷️ خطافات دورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل يمكنها تحديد مواقع مشاكل الأداء؟
ج نعم: فالعرض المفرط مصدر شائع لمشاكل الأداء، وهي تُشير مباشرة إلى البيانات المُطلِقة.
س هل تطبع الكثير من السجلات؟
ج عند تكرار تحديث المكوّن تكون السجلات كثيرة، فيُفضَّل تمكينها مؤقتًا على المكوّن المستهدف فقط.
س ما الفرق بينها وبين لوحة performance في Vue Devtools؟
ج توفّر Devtools عرضًا زمنيًا؛ أما الخطاف فيناسب التسجيل الآلي والإبلاغ المخصص.
