Vue beforeCreate 生命周期挂钩


示例

使用beforeCreate生命周期挂钩创建警报、写入控制台,但尝试更改“文本”数据属性失败。

beforeCreate(){
  console.log('beforeCreate lifecycle hook');
  alert('beforeCreate lifecycle hook');
  this.text = 'beforeCreate lifecycle hook'; // Does not work
}
运行示例 »

定义和用法

这个beforeCreate生命周期钩子是 Vue 组件生命周期中调用的第一个钩子。

这个beforeCreate生命周期钩子用于在创建组件之前运行代码。

由于组件尚未创建,我们无法访问组件实例内的属性,例如data或者computed,并且我们无法访问组件 DOM 元素,因为它们还没有创建。


相关页面

Vue教程:Vue 生命周期挂钩

Vue教程:“beforeCreate”钩子

Vue参考:Vue“创建”生命周期钩子