Emberjs-comp-lifecycle

提供:Dev Guides
移動先:案内検索

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

コンポーネントのライフサイクルには、レンダリングシナリオに従って実行される3つのメソッドが含まれています。

初期レンダリング時

  • init
  • didReceiveAttrs
  • willRender
  • didInsertElement
  • didRender

再レンダリングについて

  • didUpdateAttrs
  • didReceiveAttrs
  • willUpdate
  • willRender
  • didUpdate
  • didRender

コンポーネント破棄時

  • willDestroyElement
  • willClearRender
  • didDestroyElement

次の表は、コンポーネント内でライフサイクルフックを使用するさまざまな方法を示しています-

S.No. Lifecycle Ways & Description
1

Attribute Change with didUpdateAttrs

_didUpdateAttrs_フックは、コンポーネントの属性が変更され、コンポーネントを再レンダリングする前に呼び出されたときに使用できます。

2

Attributes with didReceiveAttrs

_didReceiveAttrs_フックは、_init_メソッドの後に使用でき、コンポーネントの属性が更新されたときに呼び出されます。

3

Third-Party Libraries with didInsertElement

このフックを使用して、サードパーティライブラリを初期化してDOM要素にアタッチできます。

4

Rendered DOM with didRender

_didRender_フックは、テンプレートがレンダリングされたときにDOMを更新するために呼び出されます。

5

Detaching and Tearing Down with willDestroyElement

_willDestroyElement_フックをトリガーすることにより、DOMからコンポーネント要素を削除できます。