Aurelia - Komponentenlebenszyklus

Aurelia verwendet Komponentenlebenszyklusmethoden, um den Komponentenlebenszyklus zu manipulieren. In diesem Kapitel zeigen wir Ihnen diese Methoden und erläutern den Komponentenlebenszyklus.

• constructor()- Die Konstruktormethode wird zum Initialisieren eines mit einer Klasse erstellten Objekts verwendet. Diese Methode wird zuerst aufgerufen. Wenn Sie diese Methode nicht angeben, wird der Standardkonstruktor verwendet.

• created(owningView, myView)- Dies wird aufgerufen, sobald die Ansicht und das Ansichtsmodell erstellt und mit der Steuerung verbunden wurden. Diese Methode akzeptiert zwei Argumente. Die erste ist die Ansicht, in der die Komponente deklariert ist(owningView). Die zweite ist die Komponentenansicht(myView).

• bind(bindingContext, overrideContext)- Zu diesem Zeitpunkt hat die Bindung begonnen. Das erste Argument repräsentiert den Bindungskontext der Komponente. Der zweite istoverrideContext. Dieses Argument wird zum Hinzufügen zusätzlicher Kontexteigenschaften verwendet.

• attached() - Die angehängte Methode wird aufgerufen, sobald die Komponente an das DOM angehängt ist.

• detached() - Diese Methode ist entgegengesetzt zu attached. Es wird aufgerufen, wenn die Komponente aus dem DOM entfernt wird.

• unbind() - Die letzte Lebenszyklusmethode ist unbind. Es wird aufgerufen, wenn die Komponente nicht gebunden ist.

Die Lebenszyklusmethoden sind nützlich, wenn Sie eine bessere Kontrolle über Ihre Komponente haben möchten. Sie können sie verwenden, wenn Sie an einem bestimmten Punkt des Komponentenlebenszyklus einige Funktionen auslösen müssen.

Alle Lebenszyklusmethoden sind unten aufgeführt.

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...
   }
}