Lifecycle hooks

mounted

Called after the instance has been mounted.

Arguments

This method has no argument.

Example

import { Base } from '@studiometa/js-toolkit';  export default class Component extends Base {  static config = {  name: 'Component',  log: true,  };   mounted() {  // Logs 'mounted' when the component is mounted  this.$log('mounted');  } }

updated

Called after the instance has been updated.

Arguments

This method has no argument.

Example

import { Base } from '@studiometa/js-toolkit';  export default class Component extends Base {  static config = {  name: 'Component',  log: true,  };   updated() {  // Logs 'updated' when the component is updated  this.$log('updated');  } }

destroyed

Called when the component is being destroyed.

Arguments

This method has no argument.

Example

import { Base } from '@studiometa/js-toolkit';  export default class Component extends Base {  static config = {  name: 'Component',  log: true,  };   destroyed() {  // Logs 'destroyed' when the component is destroyed  this.$log('destroyed');  } }

terminated

Called when the component is being terminated.

Arguments

This method has no argument.

Example

import { Base } from '@studiometa/js-toolkit';  export default class Component extends Base {  static config = {  name: 'Component',  log: true,  };   terminated() {  // Logs 'terminated' when the component is terminated  this.$log('terminated');  } }