Vue 'created' Lifecycle Hook
Example
Using the created lifecycle hook to change the 'text' data property.
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
