EmberJS - Ciclo de Vida do Componente

O ciclo de vida do componente contém três métodos que são executados de acordo com o cenário de renderização.

Na renderização inicial

• init
• didReceiveAttrs
• willRender
• didInsertElement
• didRender

Na re-renderização

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

Na destruição de componentes

• willDestroyElement
• willClearRender
• didDestroyElement

A tabela a seguir lista as diferentes maneiras de usar ganchos de ciclo de vida dentro dos componentes -

S.No.	Modos e descrição do ciclo de vida
1	Alteração de atributo com didUpdateAttrs O gancho didUpdateAttrs pode ser usado quando os atributos do componente foram alterados e chamados antes de renderizar novamente o componente.
2	Atributos com didReceiveAttrs O gancho didReceiveAttrs pode ser usado após o método init e chamado quando os atributos do componente são atualizados.
3	Bibliotecas de terceiros com didInsertElement Você pode inicializar e anexar as bibliotecas de terceiros ao elemento DOM usando este gancho.
4	DOM renderizado com didRender O gancho didRender é chamado para fazer a atualização do DOM quando o modelo é renderizado.
5	Desanexando e derrubando com willDestroyElement Você pode remover os elementos do componente do DOM acionando o gancho willDestroyElement .