vue的created函数什么时候执行

Vue中的created生命周期钩子函数是在Vue实例创建之后立即被调用的，即在Vue实例的属性和方法初始化之后被执行。更具体地说，created生命周期函数是在Vue实例完成以下步骤后立即执行的：

1. 初始化生命周期钩子函数。Vue会在实例对象上添加各种生命周期钩子函数，包括created。

2. 初始化数据观测。Vue会将data选项中的数据转化为getter/setter，并且在data对象上设置对应的依赖追踪。

3. 调用beforeCreate生命周期钩子函数。在created之前，Vue会先调用beforeCreate钩子函数。

4. 初始化注入和根实例。如果有使用inject选项或者provide/inject，Vue会在这一步初始化注入。

5. 解析组件选项。Vue会解析组件的选项，并将其转换为一个组件构造函数。

6. 创建组件实例。Vue会通过实例化组件构造函数来创建组件的实例。

7. 调用created生命周期钩子函数。在组件实例创建后，created函数会被调用。在这个阶段，组件已经可以访问数据、事件和DOM。

总结来说，created生命周期函数是在Vue实例创建完成、数据观测和组件选项解析之后立即被调用的。在这个阶段，可以进行一些初始化工作，例如发送网络请求、订阅事件或者进行其他数据操作。

Vue的created函数在实例化之后立即执行。具体执行时机为在实例化过程中的初始化阶段，在beforeCreate函数之后执行。created函数可以用来进行一些初始化的操作，例如数据的加载、实例方法的定义等。

以下是Vue实例化过程中主要的步骤：

1. 创建Vue实例，Vue会根据传入的选项进行实例化。
2. 初始化Vue实例的生命周期钩子函数，在beforeCreate函数之后执行created函数。
3. 设置Vue实例的响应式数据，即将传入选项中的data属性转化为getter/setter，并进行依赖追踪。
4. 编译模板，将模板转化为可复用的渲染函数。
5. 将渲染函数和响应式数据关联起来，进行首次渲染。
6. 实例化完成，mounted函数执行完后，Vue实例进入挂载阶段。

在created函数中，可以访问到实例的数据和方法，也可以进行一些异步操作，如发起网络请求或订阅消息等。但需要注意的是，created函数中的异步操作不会阻碍实例的渲染，也不会等待异步操作完成后再渲染。

需要注意的是，Vue的实例生命周期钩子函数中，beforeCreate和created是在实例化过程中的早期阶段执行的，此时实例还未挂载到DOM上。如果需要访问到挂载到DOM之后的元素，可以在mounted函数中进行操作。

Vue.js的created函数是Vue实例的一个生命周期钩子函数，它在Vue实例被创建之后立即执行。

下面是Vue实例的生命周期图：

在Vue实例的生命周期过程中，各个钩子函数的执行顺序如下：

1. beforeCreate: Vue实例刚刚被创建，data和事件的初始化还没有完成，此时无法访问data中的数据。
2. created: Vue实例已经完成了data和事件的初始化，此时可以访问data中的数据。但是此时并未进行DOM的挂载，挂载阶段将在之后的钩子函数中执行。
3. beforeMount: Vue实例已经完成了数据的初始化，但是还没有开始处理模板渲染。在这个阶段，Vue会创建虚拟DOM，并将其与Vue实例关联起来。
4. mounted: 虚拟DOM已经成功创建并与Vue实例关联，此时Vue实例已经被挂载到DOM上，可以进行DOM操作。mounted这个钩子函数是Vue实例最后一个被调用的钩子函数，表示Vue实例已经准备好了。

根据上面的解释可以得出结论，created函数是在Vue实例被创建之后立即执行的。在created函数中，可以进行一些初始化的操作，比如发起异步请求、获取数据等。

以下是一个示例代码，展示created函数的用法：

new Vue({
  el: '#app',
  data: {
    message: 'Hello, Vue!'
  },
  created: function () {
    // 在Vue实例被创建后立即执行
    console.log('Vue实例已创建');
    console.log('message的值为：', this.message);
  }
})

在控制台中输出的结果为：

Vue实例已创建
message的值为： Hello, Vue!

可以看到，created函数在Vue实例被创建后立即执行，并且可以访问到data中的数据。