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 .