تقنية · ويب

Vue.js

الإطار التدريجي — القوالب أولاً، ومتكامل، وسهل الإدخال إلى تطبيق قائم مكوّناً تلو الآخر.

أنشأه
Evan You
أول إصدار
2014
اللغة
JavaScript / TypeScript
معروف بـ
أيسر منحنى تعلّم
بعبارات بسيطة

ما هي، ولماذا نستخدمها.

Vue هو الإطار الذي يلتقي الفرق حيث هي: قوالب شبيهة بـ HTML يستطيع المصمّم قراءتها، وتفاعلية تعمل ببساطة، وتوجيه وحالة وأدوات بناء رسمية بدل جدالات المنظومة. و«التدرّجية» هي الكلمة المفتاح — يتّسع من عنصر يُسقَط في صفحة معروضة على الخادم إلى تطبيقات كاملة مع Nuxt، نظيره من Next.js.

نوصي بـ Vue حين يعرفه فريق العميل أصلاً، أو حين ندمج مكوّنات غنية في منظومات معروضة على الخادم قائمة (Laravel خصوصاً — الاقتران كلاسيكيّ لسبب وجيه). ويغطّي Nuxt قصّة العرض على الخادم حين يحتاج مشروع Vue أداء صفحات تسويقية.

الفروقات الرئيسية

Vue.js vs React vs Svelte.

Vue مقابل React وSvelte — ثلاث إجابات ممتازة فروقها الحقيقية تتعلّق بالفرق والتوظيف والمنظومات.

العنصرVue.jsReactSvelte
النموذج الذهنيقوالب + بيانات تفاعلية — تُقرأ كـ HTMLالواجهة كدالّة للحالة، JSXالمُترجِم أولاً، الأقرب إلى JavaScript الصِّرفة
منحنى التعلّمالألطف بين الثلاثةمتوسّط — الخطّافات تأخذ وقتاًلطيف
عتاد رسمي مرفقالتوجيه والحالة والأدوات كلّها أصليةخيارات المنظومة في كل طبقةSvelteKit يغطّي الأغلب
مجموعة التوظيفجيّد، الأقوى في آسيا وبيئات Laravelالأعمق في الصناعةصغير لكنه حريص
قصّة التطوير المتكاملNuxtNext.js / RemixSvelteKit

Vue يتفوّق عندما

  • فرق كثيرة المصمّمين تريد قوالب يستطيعون قراءتها
  • أنت تدمج في تطبيق معروض على الخادم قائم
  • الواجهة الخلفية هي Laravel — المنظومتان متشابكتان

React يتفوّق عندما

  • عمق التوظيف وتغطية المكتبات يحسمانه
  • قد يتبعه تطبيق موبايل (React Native)
  • الفريق يفكّر أصلاً بـ JSX

Svelte يتفوّق عندما

  • حجم الحزمة هو القيد
  • فريق صغير، من الصفر، بأدنى إجراءات شكلية
  • أدوات وعناصر مضمّنة عالية الأداء
رأينا

Vue هو ألطف بداية في تطوير الواجهات. نختاره حين يقول ملاءمة الفريق ذلك — حروب الأُطر للمؤتمرات؛ ونحن نقيس بمن سيتولّى صيانة الشيفرة في السنة الثالثة.

هل تفكّر في Vue.js?

Tell us what you're building. We'll tell you honestly whether Vue.js is the right tool for it.