为什么要创建 Vue 实例

核心原因：Vue 需要一个「控制中心」来驱动整个应用

你可以把 Vue 实例想象成你应用的**「大脑」或「引擎」。它负责协调模板、数据、逻辑和行为，将它们变成一个活的、可交互的应用**。没有这个实例，你的代码只是一堆静态的 HTML、JavaScript 变量和函数，无法「活」起来。

具体来说，创建 Vue 实例（尤其是在 Vue 2 中）或应用实例（在 Vue 3 中）是为了实现以下至关重要的功能：

1. 挂载到 DOM (Mounting)：

   • 核心目的： 告诉 Vue 在哪里 把你的应用渲染出来。
   • 实现方式： 通过 el 选项 (Vue 2) 或 app.mount('#app') (Vue 3) 指定一个 DOM 元素（通常是一个 <div id="app">）作为应用的根容器。
   • 为什么重要？ 没有挂载点，Vue 不知道应该把编译好的模板内容插入到 HTML 文档的哪个位置。实例化并挂载是连接你的 Vue 代码和实际浏览器页面的桥梁。

2. 管理响应式数据 (Reactivity System)：

   • 核心目的： 让数据的变化自动、高效地反映到视图上。