Vue created 生命周期钩子

实例

使用 created 生命周期钩子来更改 'text' 数据属性。

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

定义与用法

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

因为组件是初始化的，所以我们可以访问组件实例内部的属性，如 data 或 computed 的属性，但我们不能访问组件 DOM 元素，因为它们是在 mounted 钩子之前才创建的。

关联页面

Vue 教程: Vue 生命周期钩子

Vue 教程: created 钩子

Vue 参考引用: Vue beforeCreate 生命周期钩子

Vue 参考引用: Vue mounted 生命周期钩子