1.问：new Vue()时发生的什么？
在Vue.js中创建一个新的Vue实例时，发生了以下一系列的事情：
-
Vue实例的创建： 通过Vue构造函数创建一个新的Vue实例。例如：
var vm = new Vue({ // 选项 }); -
选项合并： Vue会将传递给构造函数的选项对象与Vue实例的默认选项进行合并。这包括数据、计算属性、方法、生命周期钩子等。选项合并确保Vue实例具有正确的配置。
-
数据响应性： Vue会在数据对象上设置数据劫持，以便可以追踪数据的变化。这是Vue的核心特性之一，使得数据的变化可以自动更新视图。
-
模板编译（可选）： 如果在选项中提供了
template属性，Vue会将模板编译成渲染函数。这个渲染函数用于将数据渲染到实际的DOM中。 -
DOM挂载： 如果在选项中提供了
el属性，Vue会将渲染函数的结果挂载到指定的DOM元素上。这样，Vue实例就会控制该DOM元素及其子元素。 -
生命周期钩子： Vue实例具有一系列的生命周期钩子，如
beforeCreate、created、beforeMount、mounted等。这些钩子可以用于在不同阶段执行自定义逻辑。 -
事件监听器： Vue实例可以监听DOM事件，以便响应用户的交互行为。
-
计算属性和观察者： Vue允许定义计算属性（computed properties）和观察者（watchers），用于监测和响应数据的变化。
-
指令和插值： Vue提供了一些指令（例如
v-model、v-bind、v-if等）和插值表达式（例如{ { message }}），用于将数据绑定到DOM元素或控制DOM的显示与隐藏。 -
组件： Vue支持组件化开发，可以创建可复用的组件，并将它们嵌套到Vue实例中。
-
数据绑定： 数据绑定是Vue的核心功能之一，它允许你在模板中将数据与DOM元素进行绑定，使数据的变化自动更新视图，同时也支持双向数据绑定。
-
虚拟DOM： Vue使用虚拟DOM来提高性能。它会在内存中维护一个虚拟DOM树，用于比较和计算实际DOM的变化，然后仅更新实际需要变化的部分，以减少DOM操作。
总的来说，当你创建一个新的Vue实例时，Vue会帮助你建立一个响应式的应用程序，让你可以方便地管理和操作数据，同时自动更新视图，提供了很多工具和功能来简化前端开发。