目录

Vue created 生命周期钩子

❮ 上一节 Vue 生命周期钩子参考下一节 ❯

示例

使用created生命周期挂钩来更改“文本”数据属性。

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

运行示例 »

定义和用法

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

因为组件已初始化，所以我们可以访问组件实例内部的属性，例如data或者computed，但是我们无法访问组件 DOM 元素，因为它们直到mounted钩。

相关页面

Vue教程：Vue 生命周期挂钩

Vue教程：“创造”的钩子

Vue参考：Vue“beforeCreate”生命周期挂钩

Vue参考：Vue“安装”生命周期挂钩

❮ 上一节 Vue 生命周期钩子参考下一节 ❯