EmberJS - Ciclo di vita dei componenti
Il ciclo di vita del componente contiene tre metodi che vengono eseguiti in base allo scenario di rendering.
Al rendering iniziale
- init
- didReceiveAttrs
- willRender
- didInsertElement
- didRender
Su Re-Render
- didUpdateAttrs
- didReceiveAttrs
- willUpdate
- willRender
- didUpdate
- didRender
Su Component Destroy
- willDestroyElement
- willClearRender
- didDestroyElement
La tabella seguente elenca i diversi modi di utilizzare gli hook del ciclo di vita all'interno dei componenti:
| S.No. | Modalità e descrizione del ciclo di vita |
|---|---|
| 1 | Modifica degli attributi con didUpdateAttrs
L' hook didUpdateAttrs può essere utilizzato quando gli attributi del componente sono cambiati e chiamati prima di rieseguire il rendering del componente. |
| 2 | Attributi con didReceiveAttrs
L' hook didReceiveAttrs può essere utilizzato dopo il metodo init e chiamato quando gli attributi del componente vengono aggiornati. |
| 3 | Librerie di terze parti con didInsertElement
Puoi inizializzare e collegare le librerie di terze parti nell'elemento DOM utilizzando questo hook. |
| 4 | DOM renderizzato con didRender
L' hook didRender viene chiamato per aggiornare il DOM quando il modello è stato renderizzato. |
| 5 | Distaccare e abbattere con willDestroyElement
È possibile rimuovere gli elementi componenti dal DOM attivando l' hook willDestroyElement . |