Vue 'created' 创建生命周期钩子


示例

使用 created 生命周期钩子更改"文本"数据属性。

export default {
  data() {
    return {
      text: 'initial text'
    }
  },
  created() {
    this.text = 'The component is now created';
  }
}
运行示例 »

定义和用法

created 生命周期钩子在组件初始化后调用。

由于组件已初始化,因此我们可以访问组件实例内部的属性,例如datacomputed ,但我们无法访问组件 DOM 元素,因为它们是在 mounted 钩子之前创建的。


相关页面

Vue 教程: Vue 生命周期钩子

Vue 教程:"created" 钩子

Vue 参考:Vue 'beforeCreate' 生命周期钩子

Vue 参考:Vue 'mounted' 生命周期钩子