ما هو vue.js؟
Vue.js هي مكتبة لبناء واجهات الويب التفاعلية.
يوفر Vue.js ربط بيانات MVVM ونظام مكون قابل للتكوين مع واجهة برمجة تطبيقات بسيطة ومرنة.
ميزات Vue.JS
موجز: بيانات HTML + JSON ، وإنشاء مثيل VUE هو بهذه البساطة.
تعتمد على البيانات: يتتبع تلقائيات التبعيات لتعبيرات القالب والخصائص المحسوبة.
المكونات: استخدم مكونات مفصول وقابلة لإعادة الاستخدام لبناء الواجهة.
خفيفة الوزن: ~ 24 كيلو بايت دقيقة+gzip ، لا تبعيات.
سريع: تحديثات الدُفعات الدقيقة غير المتزامنة الدقيقة والفعالة.
الصديقة للوحدة: قم بتثبيت عبر NPM أو Bower للتكامل بسلاسة في سير العمل الخاص بك.
عنوان github: https://github.com/lily1010/vue_learn/tree/master/lesson11
شكل VUE
الأمر بسيط للغاية ، فقط أعط مثالاً
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> نموذج vue </title> <meta name = "viewport" content = "width = device-width ، inial-scale = 1 ، minimum-scale = 1 ، maximum-scale = 1 ، user-scalable = no"/> type = "text/javaScript" charset = "utf-8"> </script> </head> <body> <viv> <!-مربع الإدخال-> <إدخال type = "text" v-model = "msg"> <br/> <!-مربع الراديو-> <input id = "mycb1" type = "radio" v-model = " بالنسبة إلى = "mycb1"> {{select1}} </label> <!-مربع الاختيار-> <input id = "mycb2" type = "checkbox" v-model = "cyech2"> <label for = "mycb2"> {{choice2}} v-model = "selected"> <borte> a </point> <potion> b </soph> <borting> c </soph> </select> <span> حدد: {{select}} </span> </viv> <script type = "text/javaScript"> var vm = new vue ({el: ". خطأ ، محدد: ''}}) </script> </body> </html>ما سبق هو رمز مثال نموذج VUE الذي أدخله المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!