Vue.js هي مكتبة JavaScript لبناء واجهات الويب. مع بعض الأدوات الأخرى ، يصبح أيضًا "إطار عمل". الآن ، من مدونتنا الأخيرة ، أنت تعلم بالفعل أن Vue.js هي واحدة من أفضل أطر جافا سكريبت وأنها تحل محل Angular و React في كثير من الحالات. هذا يجلب موضوع المدونة 'Vue.js جيدًا ، لكن هل هو أفضل من الزاوي أو التفاعل؟
في حال لم تسمع أو تستخدم Vue.js من قبل ، فربما تفكر: هيا! إطار جافا سكريبت آخر! نحن نحصل عليها. ومع ذلك ، Vue.js ليس جديدًا في مجال تطوير البرامج المخصصة. تم إصداره لأول مرة في عام 2013 والآن لديه 130549 نجمة على جيثب وتنزيلها عدة مرات هذا العام.
هنا ، إلقاء نظرة على الصور -
وبالتالي ، لا Vue.js جديد ولا أقل شعبية من الأطر الأخرى حسب حياته. الآن دعونا نرى ما هي العوامل الفائزة الموجودة في Vue.js.
لماذا Vue.js خاص؟
أكبر فائدة من Vue في حرب Vue vs angular هو عدم وجود نسب. إنه جديد ويحتوي على أمتعة صغيرة. لقد تعلم من أخطاء ونجاحات React & Angular. الطريقة التي نراها ، تعتبر Vue خفيفة الوزن وسهلة التعلم.
يحتوي على بعض مستندات أساسية إلى حد ما ولكنهم يقومون بعمل جيد ، وبينما لا يوجد الكثير لتعلم مقارنة الزاوي - وهذا شيء جيد لأنه قوي مخادعة. PageKit ، بيثون الصين هما من المشاريع التي تستخدم Vue من بين العديد من المشاريع. ها هي القائمة. أيضا ، لديه مرفق ربط البيانات في اتجاهين مثل الزاوي وال DOM الظاهري مثل رد الفعل.
الآن ، نأمل أن يكون مفهومك الأساسي حول Vue.js واضحًا تمامًا. وبالتالي ، قبل أن نبدأ مناقشة React vs Vue vs Angular ، دعونا نتحقق من وضعهم الحالي:
الآن دعنا نقارنها مع الزاوي والرد. سنبدأ مع الزاوي
Angularjs ضد Vue.js
أثناء مقارنة Vue vs angular ، دعنا نعلن أولاً أن Angular (غالبًا بعد إصدار Angular 7 !!) هو عملاق و Vue.js هو نمر جائع بما يكفي ليصبح كبيرًا قريبًا. ومع ذلك ، هناك العديد من الأسباب التي تحول المطورين إلى Vue. يصف إيفان يو ، صاحب Vue السبب الصحيح.
Vue.js هو حل أكثر مرونة وأقل رؤية (من الزاوي). يتيح لك ذلك هيكلة تطبيقك بالطريقة التي تريدها ، بدلاً من أن تضطر إلى القيام بكل شيء بالطريقة الزاوي. إنها طبقة واجهة فقط حتى تتمكن من استخدامها كميزة خفيفة في الصفحات بدلاً من SPA كامل.
لنرى الآن بعض الرموز التي ستمنحك بعض الأفكار الأساسية حول حرب vue مقابل الزاوي (الاعتمادات: fadeit.dk)
بيت القصيد من Vue.js مقابل Angularjs: هناك العديد من الأدوات في Angularjs والعديد من بناء الجملة المعقدة التي يمكن أن تربك في بعض الأحيان. من ناحية أخرى ، Vue.js أبسط بكثير من الزاوي وأحيانًا أفضل. إذا كنت مهتمًا بمستقبل هذا الإطار ، فإننا نقترح ألا نكون كذلك. سوف يستمر هذا لفترة طويلة ولن تتلاشى في السنتين المقبلتين.
Reactjs ضد Vue.js
React و Vue.js لهما بعض الميزات المتشابهة في حرب vue vs angular. هم:
- استخدام DOM الظاهري.
- توفير مكونات عرض تفاعلية وقادرة على التأليف.
- حافظ على التركيز في المكتبة الأساسية ، مع اهتمامات مثل التوجيه وإدارة الحالة العامة التي تتولاها مكتبات مصاحبة.
هذا ينص على أن React و Vue.js متشابهتان تمامًا من حيث الميزات لشركة استشارية تقنية. وبالتالي ، نود أن نقارن هذين الإطارين من منظور المطور مع بعض الكيفية البسيطة لكل إطار. دعونا نرى ما يحدث في مقارنة Vue js مقابل Reactjs:
على سبيل المثال برنامج "Hello World"
كيف تتفاعل؟
كيف يفعل Vue:
الصورة: anyonecanlearntocode.comهذا بسيط. باستخدام علامة برمجية واحدة ، تكون جاهزًا للعمل. الفائدة هنا هي الاستفادة من ميزات Vue ، دون تعلم أي تقنيات جديدة.
اتجاهين ربط البيانات
كيف تتفاعل؟
كيف يفعل Vue ذلك:
img src: rlafranchi.imtqy.comيكون الربط ثنائي الاتجاه في Vue.js بسيطًا جدًا عند استخدامك v-model. في React انها طريق طويل لأسفل.
تكرير
كيف تتفاعل؟
كيف يفعل Vue ذلك:
الصورة: rlafranchi.imtqy.comفي هذه الحالة ، يفوز Vue أيضًا بخطوط أقل ورموز مبسطة.
بيت القصيد من Vue.js مقابل Reactjs: ما تعنيه هذه الأمثلة هو أن Vue.js سهلة التعلم ويمكن أن تكون منتجة على الفور. يوفر أيضًا طريقًا إلى البساطة باستخدام أدوات وأنماط جديدة لإدارة قواعد البرمجة الكبيرة. يمكن لـ Vue.js زيادة معرفتك بحيث يمكنك البدء في تعلم الأدوات المحدثة وأفضل الممارسات.
Angularjs ضد Vue.js مقابل Reactjs الجدول
فيما يلي جدول يوفر لك بعض المعلومات القيمة حول هذه الأطر الثلاثة -
خلاصة القول
في وقتنا الحالي ، لا تتمتع Vue بشعبية كبيرة مثل React (تتم صيانته بواسطة Facebook) أو Angular 2 & 4 (بدعم من Google). ومع ذلك ، فإن العديد من المطورين يتحولون إلى Vue. يعتبر مجتمع Laravel أيضًا أنه أحد الأطر الأمامية المفضلة لديهم.
بشكل عام ، توفر Vue إجابة لمسألة React & Angular وتمنحك طريقة أكثر بساطة وأسهل للتشفير.
نشر في الأصل في:
Vue.js مقابل Angular.js مقابل React.js