Vue 'beforeCreate' Lifecycle Hook
Example
Using thebeforeCreate 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
ThebeforeCreate lifecycle hook is the first hook that is called during a Vue component's lifecycle.
ThebeforeCreate 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 asdata orcomputed, 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
