Vue 的生命周期函数分为 8 个阶段:
beforeCreate:实例创建之前执行,此时对数据和事件的监听都尚未开始。
created:实例已经创建完成后执行,此时已经可以访问实例中的数据和方法。
beforeMount:模板编译之前执行,此时模板中的数据和事件完成绑定。
mounted:模板编译之后执行,此时模板已经渲染到 HTML 中,可以进行 DOM 操作。
beforeUpdate:数据更新之前执行,此时可以针对更新前的状态进行一些操作。
updated:数据更新之后执行,此时可以对更新后的状态进行一些操作。
beforeDestroy:实例销毁之前执行,此时实例仍然可以访问。
destroyed:实例销毁之后执行,此时实例中所有的数据和方法都已经被销毁,无法访问。
其中,前两个阶段是实例创建阶段,中间两个阶段是模板渲染阶段,后三个阶段是实例销毁阶段。在生命周期函数中,我们可以对实例的状态进行监测,也可以进行一些数据和方法的操作。