التوجيه
على الرغم من أنه يبدو أنه على الرغم من أنه يشبه التعريف في Angular ، إلا أن التوجيه هو توسيع وظائف DOM ، إلا أن توجيه Vue أضعف بكثير. نظرًا لأن مكون VUE يحتوي فعليًا على عمليات على DOM ، معظم الوقت الذي نكتب فيه مكونًا عامًا ، فهو مكون بدلاً من توجيه ، وفي الزاوي ، نكتب مكونًا عامًا ، وعادة ما يكون توجيهًا.
لذلك قلت إن توجيه Vue أضعف بكثير من الزاوي ، أو يمكن قول أنه أنقى بكثير. إنه توسع في وظائف DOM ، وليس لتغليف المنطق المتعلق بـ DOM. إذا كنت مهتمًا ، فيمكنك الفهم من خلال مقارنة مكتبتي واجهة المستخدم هاتين:
• vux https://github.com/airyland/vux
• الزاوية bootstrap https://github.com/angular-ui/Bootstrap
بالمقارنة ، سنجد أنه في Vue ، نغلف بالفعل مكونًا عامًا (في الواقع ، سواء كان عامًا أم لا) مكونًا ، ولكن في الزاوي هو توجيه ، لأن وحدة التحكم في Angular يمكنها فقط إنشاء نطاق نطاق $. يمكن أن يكون ببساطة التفكير في VUE التوجيه = التوجيه الزاوي + وحدة تحكم. كما ذكرنا سابقًا ، تشبه العديد من تصميمات VUE Angular2. يمكن أن يكون التوجيه في VUE في الأساس معادلاً للتوجيه في Angular2 ، ولكن لا يتم الخلط بينه وبين التوجيه في Angular.
من أجل تجنب التضليل ، لن تتم مقارنة التوجيه الزاوي لاحقًا.
دورة الحياة
تنقسم دورة الحياة إلى ثلاث خطوات:
• ربط المشغلات عند ربط عنصر DOM لأول مرة
• سيتم تشغيل ربط التحديث فور الانتهاء ، وسيتم تشغيله كلما تم تحديث المعلمات في المستقبل.
• Unfind Trishers عندما تكون عناصر الإلغاء و dom
واجهة برمجة التطبيقات موجزة جدا. . .
من بينها ، التحديث هو أهم شيء ، أي عندما يتلقى التوجيه تحديثًا لقيمة ما ، سيتم تنفيذ الرمز المقابل. المعلمات الواردة في وظيفة التحديث هي القيم التي يمررها المستخدم من خلال ATTR.
دعنا ننفذ توجيهًا بسيطًا أدناه ، والذي يتم استخدامه للتحقق من إدخال المحتوى بواسطة قائمة TODO (التحقق من النموذج). الهيكل الأساسي للتوجيه هو على النحو التالي:
vue.directive ("minlength" ، {bind: function () {} ، update: function (value) {} ، unbind: function () {}}) ؛ثم ، نحتاج إلى إجراء التحقق عندما يدخل المستخدم. هنا ننفذ التحقق من الطول البسيط ، الرمز هو كما يلي:
vue.diRective ("minlength" ، {bind: function () {var self = this ؛ var el = this.el ؛ el.addeventListener ("keydown" ، function (e) {if ( el.parentnode.queryselect ("type = 'submit') ؛ }}) ؛يربط المنطق الأساسي الأحداث أثناء مرحلة الربط ، ثم يصدر أحكامًا بناءً على قيمة الطول التي تم تمريرها أثناء التحديث.
في الوقت الحاضر ، يجب أن يكون التوجيه هو تحقيق وظائف مماثلة ، وبالطبع لا يزال هناك العديد من التفاصيل عن الاستخدام ، لذلك لن أخوض في التفاصيل. التوجيه ليس جزءًا مهمًا جدًا في Vue. عادة ما يكتب الناس مكون عند كتابة التعليمات البرمجية.
يبدو الفلتر والمزيج بسيطًا نسبيًا ، وتخطيه.
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.