码农教程 - 一技在手,衣食无忧! tools

目录

Vue 'beforeCreate' Lifecycle Hook

❮ Previous Vue Lifecycle Hooks Reference Next ❯

Example

Using the beforeCreate lifecycle hook to create an alert, write to the console, and unsuccessfully trying to change the 'text' data property.

beforeCreate(){
  console.log('beforeCreate lifecycle hook');
  alert('beforeCreate lifecycle hook');
  this.text = 'beforeCreate lifecycle hook'; // Does not work
}
Run Example »

Definition and Usage

The beforeCreate lifecycle hook is the first hook that is called during a Vue component's lifecycle.

The beforeCreate lifecycle hook is used to run code before the component is created.

Because the component is not created yet, we cannot access properties inside the component instance such as data or computed, and we cannot access component DOM elements because they are also not created yet.

Related Pages

Vue Tutorial: Vue Lifecycle Hooks

Vue Tutorial: The 'beforeCreate' Hook

Vue Reference: Vue 'created' Lifecycle Hook


❮ Previous Vue Lifecycle Hooks Reference Next ❯