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