Lifecycle hooks

See also

For an introduction to lifecycle hooks with examples, see the Lifecycle guide.

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');
  }
}