Aurelia - ciclo de vida do componente

Aurelia usa métodos de ciclo de vida do componente para manipular o ciclo de vida do componente. Neste capítulo, mostraremos esses métodos e explicaremos o ciclo de vida do componente.

• constructor()- O método construtor é usado para inicializar um objeto criado com uma classe. Este método é chamado primeiro. Se você não especificar este método, o construtor padrão será usado.

• created(owningView, myView)- É chamado assim que a visualização e o modelo de visualização são criados e conectados ao controlador. Este método leva dois argumentos. O primeiro é a vista onde o componente é declarado(owningView). O segundo é a vista de componentes(myView).

• bind(bindingContext, overrideContext)- Neste ponto, a ligação foi iniciada. O primeiro argumento representa o contexto de ligação do componente. O segundo éoverrideContext. Este argumento é usado para adicionar propriedades contextuais adicionais.

• attached() - O método anexado é invocado assim que o componente é anexado ao DOM.

• detached() - Este método é oposto a attached. É invocado quando o componente é removido do DOM.

• unbind() - O último método do ciclo de vida é unbind. É chamado quando o componente está desvinculado.

Os métodos de ciclo de vida são úteis quando você deseja ter maior controle sobre seu componente. Você pode usá-los quando precisar acionar algumas funcionalidades em determinado ponto do ciclo de vida do componente.

Todos os métodos de ciclo de vida são mostrados abaixo.

app.js

export class App {
   constructor(argument) {
      // Create and initialize your class object here...
   }

   created(owningView, myView) {
      // Invoked once the component is created...
   }

   bind(bindingContext, overrideContext) {
      // Invoked once the databinding is activated...
   }

   attached(argument) {
      // Invoked once the component is attached to the DOM...
   }

   detached(argument) {
      // Invoked when component is detached from the dom
   }

   unbind(argument) {
      // Invoked when component is unbound...
   }
}