vue的new做了什么

Vue的new做了以下几个主要的操作：

1. 创建一个新对象：当我们使用new Vue()创建一个Vue实例时，会调用Vue的构造函数，从而创建一个新的Vue对象。

2. 初始化Vue实例的数据：在构造函数中，Vue会执行一系列初始化操作，包括初始化数据、属性和方法。这些数据和方法将成为Vue实例的一部分，可以在模板中使用和操作。

3. 将Vue实例与DOM进行关联：Vue会通过一些方法，将Vue实例与DOM元素进行关联。这样，Vue实例就能够控制和操作DOM了。

4. 监听数据的变化：Vue内部实现了一个响应式系统，它能够监听Vue实例中数据的变化，并在数据发生变化时，自动更新DOM。这样，我们就不需要手动操作DOM，只需要操作数据，DOM会自动更新。

5. 编译模板：Vue会将我们编写的模板代码进行编译，生成一个渲染函数。这个渲染函数可以根据数据动态地生成对应的DOM结构。

6. 将渲染函数生成的虚拟DOM渲染到实际的DOM中：在编译完成后，Vue会通过虚拟DOM技术将生成的虚拟DOM渲染到实际的DOM中。通过虚拟DOM，Vue可以高效地更新DOM，减少了实际的DOM操作，提高了性能。

总的来说，Vue的new操作做了对象的创建、数据的初始化、DOM的关联、数据的监听、模板的编译和虚拟DOM的渲染等一系列操作，使得我们能够更轻松地开发和管理复杂的前端应用程序。

在 Vue.js 中，通过使用 new Vue() 创建一个新的 Vue 实例，做了以下几件事情:

1. 实例化Vue对象：通过调用 Vue 构造函数，创建一个新的 Vue 实例对象。实例对象是 Vue.js 应用的核心，它包含了应用的数据、方法和生命周期钩子等。

2. 解析选项：将传递给 new Vue() 构造函数的选项对象进行解析和处理。选项对象可以包括组件的数据、计算属性、方法、生命周期钩子等。

3. 初始化数据：Vue 实例化后，会根据选项对象中的数据进行数据的初始化。Vue 使用响应式系统来追踪数据的变化，并自动更新视图。

4. 编译模板：Vue 将模板转换为渲染函数，并使用 Vue 的编译器进行解析。编译过程中，Vue 会分析模板中的指令、表达式、事件等，并生成对应的渲染函数。

5. 挂载元素：Vue 实例将会找到选项对象中的 el 属性，将其指定的元素作为 Vue 的挂载元素。Vue 包含了一个虚拟 DOM，它会通过该元素来操作真实的 DOM。

此外，创建 Vue 实例还触发了一些其他的过程，比如生命周期钩子函数的调用、依赖收集等。这些过程都是为了使 Vue 实例能够正常运行和组织应用的逻辑。

Vue的new关键字做了很多事情，主要包括以下几个方面：

1. 创建一个空对象：使用new关键字创建一个Vue实例时，会先创建一个空对象，该对象将作为Vue实例的基础。

2. 初始化data对象：在创建一个空对象后，new关键字会将Vue实例的data选项与新创建的空对象进行关联，从而进行数据的初始化。

3. 初始化computed属性：new关键字会将Vue实例的computed选项进行初始化，并将计算属性与Vue实例进行关联。

4. 初始化methods方法：new关键字会初始化Vue实例的methods选项，并将方法与Vue实例进行关联。

5. 初始化watch属性：new关键字会将Vue实例的watch选项进行初始化，并将监视属性与Vue实例进行关联。

6. 解析模板：new关键字会解析Vue实例的template选项，将模板字符串转换为虚拟DOM，并创建渲染函数。

7. 创建DOM节点：通过渲染函数创建虚拟DOM后，new关键字会根据虚拟DOM创建真实的DOM节点。

8. 挂载到DOM树上：new关键字会将创建的DOM节点挂载到指定的DOM树上，将Vue实例渲染到页面上。

9. 响应式数据绑定：new关键字会对Vue实例的data数据进行响应式处理，当数据发生变化时，会自动更新视图。

10. 监听事件：new关键字会将Vue实例上的事件监听器进行注册，当事件触发时，会执行相应的回调函数。

总之，Vue的new关键字完成了创建Vue实例、初始化数据和方法、模板解析、DOM创建、数据绑定等一系列操作，使得Vue实例能够响应数据变化，并将数据渲染到页面上。