Aurelia-コンポーネントのライフサイクル

Aureliaは、コンポーネントのライフサイクルメソッドを使用して、コンポーネントのライフサイクルを操作します。この章では、これらの方法を示し、コンポーネントのライフサイクルを説明します。

* constructor（）*-Constructorメソッドは、クラスで作成されたオブジェクトを初期化するために使用されます。このメソッドが最初に呼び出されます。このメソッドを指定しない場合、デフォルトのコンストラクターが使用されます。
* created（owningView、myView）-ビューとビューモデルが作成され、コントローラーに接続されると呼び出されます。このメソッドは2つの引数を取ります。最初のものは、コンポーネントが（owningView）として宣言されているビューです。 2番目は、コンポーネントビュー（myView）*です。
* bind（bindingContext、overrideContext）-この時点で、バインディングが開始されました。最初の引数は、コンポーネントのバインディングコンテキストを表します。 2つ目は *overrideContext です。この引数は、コンテキストプロパティを追加するために使用されます。
* attached（）*-コンポーネントがDOMにアタッチされると、アタッチされたメソッドが呼び出されます。
* detached（）-このメソッドは *attached の反対です。コンポーネントがDOMから削除されるときに呼び出されます。
* unbind（）-最後のライフサイクルメソッドは *unbind です。コンポーネントがバインドされていないときに呼び出されます。

ライフサイクルメソッドは、コンポーネントをより高度に制御したい場合に役立ちます。コンポーネントのライフサイクルの特定の時点でいくつかの機能をトリガーする必要がある場合に使用できます。

すべてのライフサイクルメソッドを以下に示します。

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

Aurelia-component-lifecycle

Aurelia-コンポーネントのライフサイクル

app.js