EmberJS - Cycle de vie des composants

Le cycle de vie du composant contient trois méthodes qui s'exécutent en fonction du scénario de rendu.

Sur le rendu initial

• init
• didReceiveAttrs
• willRender
• didInsertElement
• didRender

Lors du re-rendu

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

Lors de la destruction des composants

• willDestroyElement
• willClearRender
• didDestroyElement

Le tableau suivant répertorie les différentes manières d'utiliser les hooks de cycle de vie dans les composants:

S.No.	Méthodes et description du cycle de vie
1	Changement d'attribut avec didUpdateAttrs Le hook didUpdateAttrs peut être utilisé lorsque les attributs du composant ont été modifiés et appelés avant le rendu du composant.
2	Attributs avec didReceiveAttrs Le hook didReceiveAttrs peut être utilisé après la méthode init et appelé lorsque les attributs du composant sont mis à jour.
3	Bibliothèques tierces avec didInsertElement Vous pouvez initialiser et attacher les bibliothèques tierces dans l'élément DOM en utilisant ce hook.
4	DOM rendu avec didRender Le hook didRender est appelé pour mettre à jour le DOM lorsque le modèle est rendu.
5	Détacher et démolir avec willDestroyElement Vous pouvez supprimer les éléments du composant du DOM en déclenchant le hook willDestroyElement .