Vue 'created' Lifecycle Hook

export default {
  data() {
    return {
      text: 'initial text'
    }
  },
  created() {
    this.text = 'The component is now created';
  }
}

Definition and Usage

The created lifecycle hook is called after the component is initialized.

Because the component is initialized, we can access properties inside the component instance such as data or computed, but we cannot access component DOM elements because they are not created until the mounted hook.

Related Pages

Vue Tutorial: Vue Lifecycle Hooks

Vue Tutorial: The 'created' Hook

Vue Reference: Vue 'beforeCreate' Lifecycle Hook

Vue Reference: Vue 'mounted' Lifecycle Hook