<KeepAlive> تخزين نسخ المكوّنات مؤقتًا
آخر تحديث: 2026-10-22
<KeepAlive> تخزين نسخ المكوّنات مؤقتًا
يخزّن
| المجموعة | المدمجات |
|---|---|
| النوع | مكوّن / عنصر |
| النطاق | القالب |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
<KeepAlive include="TabA,TabB" :max="10">
<component :is="currentTab"></component>
</KeepAlive>⚙️ الوسائط
| props | include وexclude (أسماء أو تعابير نمطية) وmax (إخلاء بطريقة LRU) |
|---|
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Type in tab A, switch away and back — the text remains.💡 نقاط مهمة
💡 نصيحة استخدمه مع activated/deactivated للتحديث عند الدخول والإيقاف المؤقت عند الخروج.
ℹ️ ملاحظة يقوم max بإخلاء النسخة الأقل استخدامًا مؤخرًا.
⚠️ تحذير تبقى النسخ ومؤقّتاتها حيّة — حدّد حجم التخزين المؤقت عبر max.
🏷️ المدمجات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق بينه وبين v-show؟
ج يخفي v-show عنصر DOM، بينما يحافظ KeepAlive على النسخة بأكملها.
س كيف تُستخدم include؟
ج أسماء مفصولة بفواصل أو تعبير نمطي يُطابق اسم المكوّن.
س هل يبقى التخزين المؤقت إلى الأبد؟
ج بدون max ينمو بلا حدود؛ اضبط حدًا له أو استخدم include/exclude.
