1. 浏览器加载 index.html。
  2. 加载并执行 main.js。
  3. 使用 createApp()创建 Vue 应用实例。
  4. 注册路由和状态管理（如果有）。
  5. 挂载 Vue 应用到 DOM（如 #app）。
  6. 解析根组件 App.vue。
  7. 执行组件的生命周期钩子。
  8. 渲染子组件。
  9. 响应式数据更新，动态更新页面。

当 Vue 实例启动后，组件会经历以下生命周期钩子：

  • onBeforeCreate：实例初始化之前。
  • onCreated：实例创建完成，数据和事件已初始化，但未挂载 DOM。
  • onBeforeMount：模板编译完成，但尚未挂载到 DOM。
  • onMounted：组件挂载到 DOM，页面渲染完成。
  • onUpdated：响应式数据更新后，重新渲染。(Vue 会自动更新 DOM)
  • onDestroyed：组件销毁时执行清理操作。