第⼀次页⾯加载会触发哪⼏个钩⼦?DOM 渲染在哪个周期中就已经完成?

在Vue中，第一次页面加载会触发以下钩子函数：

beforeCreate：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。

created：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测(data observer)属性和方法的运算，watch/event 事件回调。但是，挂载阶段还没开始，$el 属性目前不可见。

beforeMount：在挂载开始之前被调用，相关的render函数首次被调用。

mounted：在挂载完成之后被调用，此时el被新创建的vm.$el替换，并挂载到实例上去。如果root实例挂载了一个文档内元素，当mounted被调用时，vm.$el也在文档内。

关于DOM渲染，它在mounted这个周期中就已经完成。当mounted钩子被调用时，Vue已经完成了虚拟DOM的渲染和真实DOM的更新，并将更新后的DOM挂载到了页面上。因此，你可以在这个钩子中执行依赖于DOM的操作，如访问或修改DOM元素、发起AJAX请求等。