Vue 'beforeCreate' 生命周期钩子
示例
使用 beforeCreate
生命周期钩子来创建一个警报、写入控制台,并尝试不成功地更改 'text' 数据属性。
beforeCreate(){
console.log('beforeCreate lifecycle hook');
alert('beforeCreate lifecycle hook');
this.text = 'beforeCreate lifecycle hook'; // Does not work
}
运行示例 »
定义和用法
在 Vue 组件的生命周期中,beforeCreate
生命周期钩子是第一个被调用的钩子。
beforeCreate
生命周期钩子用于在组件创建之前运行代码。
由于组件尚未创建,我们无法访问组件实例内的属性,例如 data
或 computed
,也无法访问组件的 DOM 元素,因为它们也尚未创建。
相关页面
Vue 教程:Vue 生命周期钩子
Vue 教程:'beforeCreate' 钩子
Vue 参考:Vue 'created' 生命周期钩子