Vue 中的挂载是指将 Vue 实例渲染到 DOM 的过程，它涉及：创建 Vue 实例指定挂载元素调用 $mount() 方法挂载期间，Vue 会编译模板、绑定数据、更新 DOM 并触发 mounted 生命周期钩子，从而使 Vue 实例能够响应数据更改并创建交互式应用程序。
Vue 中的挂载
在 Vue 中，挂载指的是将 Vue 实例渲染并添加到 DOM 中的过程。它是 Vue 生命周期中至关重要的一步，负责将数据和逻辑与 DOM 元素连接起来。
挂载的步骤：
-
创建 Vue 实例：使用
new Vue()创建一个 Vue 实例。 -
指定挂载元素：使用
el选项指定要挂载到哪个 DOM 元素。 -
调用
$mount()方法：调用$mount()方法将 Vue 实例挂载到指定元素。
挂载期间发生的事情：
立即学习“前端免费学习笔记（深入）”；
挂载期间，Vue 将以下步骤：
- 编译模板，将其转换成虚拟 DOM（Virtual DOM）。
- 将数据绑定到虚拟 DOM 中的元素。
- 将虚拟 DOM 差异化，并更新实际 DOM 以反映数据更改。
- 触发
mounted生命周期钩子。
挂载的时机：
Vue 实例会在以下条件满足时自动挂载：
- DOM 加载完成。
-
el元素被添加到 DOM。 -
$mount()方法被显式调用。
挂载的重要性：
挂载是使 Vue 实例能够与实际 DOM 交互的关键一步。它允许 Vue 响应数据更改并动态更新 DOM，从而创建交互式和响应式的应用程序。
