Hands-On Full Stack Web Development with Aurelia

Managing a component's life cycle

As we said earlier, Aurelia provides very complete life cycle event methods to customize and improve the behavior of our application. Here's a list with these methods:

export class ComponentLifecycleExample {  retrievedData;  constructor(service) {    // Create and initialize your class object here...    this.service = service;  }  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...    this.retrievedData = this.service.getData();  }  detached(argument) {    // Invoked when component is detached from the dom    this.retrievedData = null;