Vue 'beforeCreate' Lifecycle Hook
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
}
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
