Aurelia - Component Life Cycle أوريليا - دورة حياة المكون

 Aurelia - Component Life Cycle أوريليا - دورة حياة المكون

 الصفحة السابقة

الصفحة التالية  

يستخدم Aurelia طرق دورة حياة المكون لمعالجة دورة حياة المكون. في هذا الفصل ، سوف نعرض لك تلك الطرق ونوضح دورة حياة المكون.

• المُنشئ () - تُستخدم طريقة المُنشئ لتهيئة كائن تم إنشاؤه باستخدام فئة. هذه الطريقة تسمى أولا. إذا لم تحدد هذه الطريقة ، فسيتم استخدام المُنشئ الافتراضي.

• تم إنشاؤه (owningView ، myView) - يسمى هذا بمجرد إنشاء العرض ونموذج العرض وتوصيلهما بوحدة التحكم. هذه الطريقة تأخذ حجتين. الأول هو العرض حيث يتم الإعلان عن المكون (owningView) . والثاني هو عرض المكون (myView) .

• bind (callingContext، overrideContext) - في هذا الوقت ، بدأ الربط. تمثل الوسيطة الأولى السياق الملزم للمكون. والثاني هو overrideContext . تُستخدم هذه الوسيطة لإضافة خصائص سياقية إضافية.

• attach () - يتم استدعاء الطريقة المرفقة بمجرد ربط المكون بـ DOM

• منفصل () - هذه الطريقة معاكسة للطريقة المرفقة . يتم استدعاؤه عند إزالة المكون من DOM.

• Unind () - طريقة دورة الحياة الأخيرة هي فك التوثيق . يطلق عليه عندما يكون المكون غير منضم.

تعد طرق دورة الحياة مفيدة عندما تريد الحصول على تحكم أعلى في المكون الخاص بك. يمكنك استخدامها عندما تحتاج إلى تشغيل بعض الوظائف في نقطة معينة من دورة حياة المكون.

جميع طرق دورة الحياة موضحة أدناه.

app.js

export class App {
   constructor(argument) {
      // Create and initialize your class object here...
   }

   created(owningView, myView) {
      // Invoked once the component is created...
   }

   bind(bindingContext, overrideContext) {
      // Invoked once the databinding is activated...
   }

   attached(argument) {
      // Invoked once the component is attached to the DOM...
   }

   detached(argument) {
      // Invoked when component is detached from the dom
   }

   unbind(argument) {
      // Invoked when component is unbound...
   }
}