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 |
_didRender_フックは、テンプレートがレンダリングされたときにDOMを更新するために呼び出されます。 |
5 |
Detaching and Tearing Down with willDestroyElement _willDestroyElement_フックをトリガーすることにより、DOMからコンポーネント要素を削除できます。 |