v-memo تخزين عرض الشجرة الفرعية مؤقتًا
آخر تحديث: 2026-10-22
v-memo تخزين عرض الشجرة الفرعية مؤقتًا
يأخذ v-memo مصفوفة اعتماديات؛ وإذا لم تتغيّر تُتخطى الشجرة الفرعية بأكملها — أداة أداء للقوائم الطويلة جدًا (Vue 3.2 وأحدث).
| المجموعة | التوجيهات |
|---|---|
| النوع | توجيه |
| النطاق | القالب |
| إصدار Vue | 3.2+ |
| دعم SSR | مدعوم |
📝 الصيغة
<div v-memo="[valueA, valueB]">...</div>
<li v-for="item in list" :key="item.id" v-memo="[item.selected]">⚙️ الوسائط
| expression | مصفوفة اعتماديات؛ تساوي القيم يعني تخطي التحديث (المصفوفة الفارغة تكافئ v-once) |
|---|
القيمة المُرجعة：توجيه، بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The number only updates when the dependency changes — a demo of skipping updates in long lists.💡 نقاط مهمة
⚠️ تحذير استخدمه فقط عندما يُظهر القياس (profiling) عنق زجاجة: فاعتمادية منسية تعني واجهة قديمة.
ℹ️ ملاحظة استخدامه الرئيسي مع v-for: فـ v-memo="[item.selected]" يتخطى مقارنة الصفوف غير المحددة.
💡 نصيحة يتصرف v-memo="[]" مثل v-once (لا يعيد العرض أبدًا).
🏷️ التوجيهات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س متى أستخدم v-memo؟
ج عندما تتأخر قوائم طويلة ذات محتوى ثابت كثيف بشكل ملحوظ — قِس الأداء أولًا ثم طبِّقه.
س ماذا لو كانت الاعتماديات خاطئة؟
ج اعتمادية ناقصة تعني واجهة قديمة؛ أما الاعتماديات الزائدة فتفقدك الفائدة فقط.
س ما علاقته بـ v-once؟
ج v-memo="[]" يعادل v-once؛ وفي الأحوال العادية هو تخطٍّ مشروط.
