vue实例加载中都做了什么

Vue实例的加载过程中主要做了以下几个步骤：

1. 创建Vue实例：Vue实例是Vue应用的根实例，它通过调用Vue构造函数来创建。在创建实例时，Vue进行了一些初始化的工作，包括设置代理、创建观察者(watcher)等。Vue实例的配置项包括data、computed、methods、watch等，这些配置项都会在创建实例时进行处理。

2. 解析模板：Vue将模板(template)解析成虚拟DOM(virtual DOM)。模板是Vue应用的可视化输出，其中包含了HTML内容，还可以包含Vue的特殊语法和指令。Vue将模板解析成虚拟DOM的过程中，会处理模板中的指令、插槽、条件渲染等内容。

3. 数据响应式处理：Vue会将实例中的data对象转化为响应式的数据。这意味着当data对象中的数据发生变化时，相关的视图会自动更新。Vue通过使用Object.defineProperty()或Proxy来实现数据的劫持和监听，从而实现数据的响应式。

4. 编译模板：Vue将解析后的虚拟DOM编译成真实的DOM。编译过程中，Vue会将虚拟DOM转化为真实DOM，并进行一些优化操作，如静态节点提升、使用key来实现列表的元素复用等。

5. 挂载到DOM上：经过编译后的模板会被挂载到指定的DOM元素上。Vue将模板渲染为最终的HTML结构，并将其插入到指定的DOM元素中，成为该DOM元素的子节点。

6. 生命周期钩子函数的调用：在实例加载的过程中，Vue提供了一系列的生命周期钩子函数，用于在不同阶段执行特定的逻辑操作。例如，created钩子函数在实例被创建之后被调用，beforeMount钩子函数在模板挂载之前被调用，mounted钩子函数在模板挂载之后被调用等。

总的来说，Vue实例的加载过程主要包括创建实例、解析模板、数据响应式处理、编译模板、挂载到DOM上和生命周期钩子函数的调用等步骤。这些步骤确保了Vue实例能够正常加载并渲染到页面上。

当创建Vue实例时，会经历以下几个步骤的加载过程：

1. 解析模板：Vue会先解析模板中的标签，将其中的指令和表达式解析成对应的JavaScript代码。

2. 创建Vue实例：Vue实例是Vue的核心，它负责管理应用程序的状态和行为。在创建实例时，Vue会检查选项对象中的各种属性和方法，并进行相应的初始化。

3. 数据绑定：Vue通过数据绑定机制将视图和数据连接起来。在数据更新时，Vue会自动更新相应的视图。

4. 编译模板：Vue会将模板编译成渲染函数，以优化视图更新的性能。编译过程是将模板转换成一个渲染函数，该函数接收虚拟DOM作为参数，生成最终的HTML。

5. 生命周期钩子函数：Vue提供了一系列的生命周期钩子函数，用来在不同阶段执行一些任务。在实例加载过程中，Vue会依次调用beforeCreate、created、beforeMount、mounted等生命周期钩子函数。

除了上述的加载过程，Vue实例在加载中还会进行其他一些任务，如执行指令、处理事件等。总结起来，Vue实例加载中的主要任务包括解析模板、创建实例、数据绑定、编译模板、调用生命周期钩子函数等。这些任务的目的是将应用程序的状态和行为与视图进行关联，以实现数据驱动的UI更新机制。

Vue实例加载中主要执行以下操作：

1.解析模板：Vue实例会解析HTML模板，并将模板中的指令、插值表达式等进行解析和编译。

2.创建虚拟DOM：Vue实例会根据解析的模板，创建一个虚拟DOM树，用来表示页面的结构。

3.数据响应式：Vue实例会将data对象中的所有属性进行响应式处理。即为每个属性添加getter和setter方法，用来监听属性的变化。

4.创建Watcher：在模板中的指令、插值表达式等都会创建对应的Watcher对象，用来监听数据的变化并更新页面。

5.编译模板：Vue实例会将解析的模板转换成渲染函数，以便后续渲染页面。

6.初始化生命周期钩子函数：Vue实例会初始化一系列生命周期钩子函数，如beforeCreate、created、beforeMount等，用来在不同阶段执行相应的操作。

7.挂载到页面：Vue实例会将虚拟DOM树渲染成实际的DOM元素，并将其挂载到页面中指定的容器上。

8.执行beforeMount钩子函数：在将Vue实例挂载到页面之前，会先执行beforeMount钩子函数，用来在挂载前做一些准备工作。

9.执行渲染函数：Vue实例会执行渲染函数，将虚拟DOM树转换成实际的DOM元素，并渲染到页面上。

10.执行mounted钩子函数：在将Vue实例挂载到页面后，会执行mounted钩子函数，用来在挂载后做一些操作，如请求数据、添加事件监听等。

总的来说，Vue实例加载中主要做了模板解析、虚拟DOM创建、数据响应式处理、创建Watcher、编译模板、挂载到页面等一系列操作，最终完成了页面渲染和数据绑定的过程。