EmberJS - Ciclo de vida de los componentes
El ciclo de vida del componente contiene tres métodos que se ejecutan según el escenario de renderizado.
En renderizado inicial
- init
- didReceiveAttrs
- willRender
- didInsertElement
- didRender
Al volver a renderizar
- didUpdateAttrs
- didReceiveAttrs
- willUpdate
- willRender
- didUpdate
- didRender
En la destrucción de componentes
- willDestroyElement
- willClearRender
- didDestroyElement
La siguiente tabla enumera las diferentes formas de usar los enlaces de ciclo de vida dentro de los componentes:
| S.No. | Formas y descripción del ciclo de vida |
|---|---|
| 1 | Cambio de atributo con didUpdateAttrs El gancho didUpdateAttrs se puede usar cuando los atributos del componente han cambiado y se han llamado antes de volver a renderizar el componente. |
| 2 | Atributos con didReceiveAttrs El gancho didReceiveAttrs se puede utilizar después del método init y se puede llamar cuando se actualizan los atributos del componente. |
| 3 | Bibliotecas de terceros con didInsertElement Puede inicializar y adjuntar las bibliotecas de terceros en el elemento DOM utilizando este enlace. |
| 4 | DOM renderizado con didRender Se llama al gancho didRender para actualizar el DOM cuando la plantilla se ha renderizado. |
| 5 | Separando y derribando con willDestroyElement Puede eliminar los elementos componentes del DOM activando el gancho willDestroyElement . |