vue全局组件什么时候执行

Vue全局组件在Vue实例创建之前会进行注册，然后在Vue实例创建之后执行。具体执行的时机与全局组件的注册方式有关。

1. 在Vue实例创建之前注册全局组件：
   如果在Vue实例创建之前通过Vue.component('component-name', component)方法注册全局组件，则Vue在创建实例之前会先将全局组件注册到Vue.options.components对象中。这样，在创建Vue实例时，Vue会将注册的全局组件与局部组件合并，最终实现全局组件的注册和使用。

2. 在Vue实例创建之后注册全局组件：
   如果在Vue实例创建之后再注册全局组件，可以通过Vue.component('component-name', component)方法进行注册。在注册之后， Vue会立即将全局组件加入到Vue.options.components对象中，这样即可在当前及之后创建的所有Vue实例中使用全局组件。

总结：
无论是在Vue实例创建之前还是之后注册全局组件，最终都会将全局组件添加到Vue.options.components对象中，以便在当前及之后创建的所有Vue实例中使用。因此，在Vue实例创建完成后，可以随时使用全局组件。

Vue全局组件在Vue应用启动时就会被执行。Vue实例在创建时，会通过全局配置的组件选项进行组件注册，然后在实例中使用这些全局组件。

具体来说，全局组件的执行流程如下：

1. 注册全局组件: 在Vue应用的入口文件中，通过Vue.component()方法或Vue.use()方法全局注册所需要的组件。Vue会将这些组件注册到应用的全局组件列表中。

2. 创建Vue实例: 在应用的入口文件中，使用new Vue()来创建一个Vue实例。在创建Vue实例的过程中，Vue会将全局组件列表中的组件添加到实例的组件选项中。

3. 挂载Vue实例：调用Vue实例的$mount()方法将Vue实例挂载到HTML页面中的一个DOM元素上。这将触发Vue实例的初始化过程。

4. 初始化过程：在Vue实例挂载后，Vue会依次执行以下操作：

   • 创建组件实例：根据组件选项创建组件实例，包括全局组件和局部组件。
   • 实例化Vue Router：如果应用使用了Vue Router，会在全局组件实例化后进行Vue Router的实例化。
   • 路由初始化：如果应用使用了Vue Router，会在Vue Router实例化后进行路由的初始化。
   • 组件渲染：Vue根据组件选项的渲染函数或模板进行组件的渲染。
   • 组件挂载：将Vue实例中的组件挂载到相应的DOM元素中，进行页面的渲染。

5. 运行时阶段：一旦Vue实例初始化完成，全局组件就会开始执行其相应的生命周期钩子函数，例如created、mounted等。在运行时阶段，全局组件会与其他组件一起相互通信、响应用户操作等。

需要注意的是，全局组件的执行与该组件是否在应用的某个特定组件中使用无关。全局组件的注册和执行发生在Vue应用的初始化过程中，而不取决于该组件是否在某个组件中被使用。全局组件只需在注册后就可以在整个应用中的任何组件中使用。

在Vue.js中，全局组件是在创建Vue实例之前注册的，因此全局组件会在Vue应用程序初始化之前执行。全局组件的注册通常是在Vue实例之前的代码或脚本中完成的，在Vue实例创建之前，可通过Vue.component()方法来注册全局组件。

下面是全局组件的执行流程：

1. 引入Vue库：首先，需要在你的项目中引入Vue.js库，可以使用script标签将Vue.js库直接引入到HTML文件中，也可以通过npm安装并在项目中引入。

2. 创建Vue实例之前的代码：在Vue实例创建之前的代码中，通过Vue.component()方法来注册全局组件。Vue.component()方法接受两个参数，第一个参数是组件名称，第二个参数是组件选项对象。通过调用Vue.component()方法来注册全局组件，可以在整个应用程序中使用该组件。

3. 创建Vue实例：在全局组件注册完成后，可以创建Vue实例。创建Vue实例时，会自动去寻找已注册的全局组件并渲染到HTML页面中。

下面是一个示例代码：

// 引入Vue库
import Vue from 'vue';
// 注册全局组件
Vue.component('my-component', {
  // 组件选项
  template: '<div>这是一个全局组件</div>'
});

// 创建Vue实例
new Vue({
  // Vue实例选项
  el: '#app'
});

在上述示例代码中，先通过import语句引入了Vue库，然后通过Vue.component()方法注册了一个名为my-component的全局组件。最后创建了一个Vue实例并将其挂载到id为app的DOM元素上。

在实际开发中，我们可以将常用的通用组件，如按钮，弹窗等，注册为全局组件，这样在整个应用程序中都可以直接使用这些组件，提高开发效率。