vue加载组件做了什么

Vue 加载组件主要做了以下几个步骤：

1. 解析组件配置：Vue 组件是通过 Vue.extend() 方法创建的，加载组件时，首先会将组件配置进行解析。解析配置包括处理组件选项、合并配置等操作。

2. 编译模板：组件的模板代码需要被编译成渲染函数，这样才能生成虚拟 DOM。Vue 使用 vue-loader 或者 vueify 这样的编译工具来实现模板的编译工作。编译会将模板转换为渲染函数，使其能够被 Vue 实例渲染使用。

3. 注册组件：加载组件后，需要将组件注册到 Vue 实例中，这样才能在模板中使用该组件。注册组件的方式有两种：全局注册和局部注册。全局注册可以在任何地方使用，而局部注册只能在注册的组件和其子组件中使用。

4. 实例化组件：注册完组件后，需要实例化组件对象。实例化组件时，会创建一个组件类的实例，以便将组件添加到 DOM 中进行渲染。

5. 挂载组件：实例化组件后，需要将组件挂载到指定的 DOM 元素上。可以通过选择器或者直接传入 DOM 元素的引用来指定挂载的位置。

6. 渲染组件：Vue 会根据组件的渲染函数生成虚拟 DOM，然后将虚拟 DOM 渲染成真实的 DOM。渲染过程中，会触发组件的生命周期钩子函数，并执行相应的逻辑。

总而言之，Vue 加载组件的过程主要包括解析组件配置、编译模板、注册组件、实例化组件、挂载组件和渲染组件等步骤。这些步骤会将组件的配置和模板转化为可以在浏览器中渲染的 HTML，使组件能够被正确地渲染和使用。

Vue加载组件主要做了以下几点：

1. 解析组件模板：当Vue加载组件时，首先会解析组件模板。Vue使用模板编译器将模板转换为虚拟DOM树。模板中的标签和指令会被解析为虚拟DOM节点，将节点和其属性保存在内存中。

2. 创建组件实例：Vue会基于组件模板创建组件实例对象。组件实例对象包含组件状态（data）、计算属性（computed）、事件处理程序（methods）等属性。Vue通过构造函数来创建组件实例，并将组件模板中的虚拟DOM节点映射到组件属性。

3. 渲染组件：Vue会将组件实例渲染为真实的DOM元素。它会将组件实例的虚拟DOM树与父组件的虚拟DOM树进行合并，然后将合并后的虚拟DOM树渲染为真实DOM元素。这个过程称为虚拟DOM的diff算法。

4. 注册组件：Vue会将组件注册到全局或局部组件注册表中。全局组件可以在整个应用程序中使用，而局部组件只能在特定的组件中使用。通过注册组件，Vue可以根据组件名称来动态引用和使用组件。

5. 处理组件间通信：Vue还通过提供多种方式来处理组件间的通信。例如，可以使用props将数据从父组件传递给子组件，使用事件监听器和$emit方法进行组件之间的事件通信，使用Vuex进行全局状态管理等。

通过以上几个步骤，Vue加载组件可以将组件模板解析成真实的DOM元素，并在应用程序中注册和渲染组件，实现组件之间的交互和通信功能。这为我们开发和维护复杂的应用程序提供了便利。

Vue.js在加载组件时，会经过以下几个步骤：

1. 解析模板：Vue.js会解析组件的模板，并构建虚拟DOM树。该过程包括将模板中的HTML代码转换成虚拟DOM节点，并将其中的动态数据绑定表达式解析为对应的JavaScript代码。

2. 编译模板：Vue.js会对解析后的虚拟DOM树进行编译，生成渲染函数。渲染函数会生成可执行的JavaScript代码，用于将组件的虚拟DOM转换为真实DOM并渲染到页面上。

3. 创建组件实例：Vue.js会根据组件配置项创建组件实例。在创建实例时，Vue.js会将模板中的指令、事件等特性与组件实例的对应方法进行绑定，以实现数据双向绑定、事件监听等功能。

4. 挂载组件：Vue.js会将组件实例挂载到指定的DOM元素上，成为真实的DOM节点。在挂载过程中，Vue.js会自动将组件的虚拟DOM转换为真实DOM，并将其插入到指定的DOM元素中，从而将组件显示在页面上。

5. 监听数据变化：Vue.js会为组件实例的数据属性添加监听器，以实现数据的响应式更新。一旦数据发生变化，Vue.js会自动更新相应的虚拟DOM，然后重新渲染页面，保持页面与数据的同步。

在加载组件的过程中，Vue.js还会进行一些优化措施，如异步加载组件、按需加载组件等，以提高应用的性能和用户体验。此外，Vue.js还提供了一些生命周期钩子函数，可以在组件加载的不同阶段执行一些自定义的逻辑代码。