Vue beforeCreate 生命周期钩子

实例

使用 beforeCreate 生命周期挂钩创建报警，写入控制台，并尝试更改 'text' 数据属性失败。

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 ‘created’ 生命周期钩子