vue周期的钩子函数

Vue 的生命周期是 Vue 实例从创建到销毁的过程，这个过程中 Vue 提供了一些生命周期钩子函数，使开发者可以在不同阶段执行相应的操作。

Vue 的生命周期分为 8 个阶段：
1. beforeCreate: 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。这里无法访问到 data 和 methods 中的数据和方法。
2. created: 在实例创建完成后被立即调用。在这里可以访问到 data 和 methods 中的数据和方法，但是无法访问到 $el，因为 $el 尚未被创建。
3. beforeMount: 在挂载开始之前被调用，即将把 Vue 实例所管理的视图渲染到页面上。此时，模板中的数据还没有被渲染成真实 DOM 节点。
4. mounted: 在挂载完成之后被调用，此时模板中的数据已经渲染成真实 DOM 节点。mounted 生命周期钩子是很多第三方库接入的重要时机。
5. beforeUpdate: 数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。在这里可以访问到更新前的 DOM 节点和数据。
6. updated: 数据更新完成时调用，组件 DOM 已经更新。在这里可以访问到更新后的 DOM 节点和数据，但是要注意避免在 updated 钩子函数中修改数据，可能导致无限循环更新。
7. beforeDestroy: 实例销毁之前调用。在这里可以进行一些清理工作，比如清除定时器、取消事件监听等。
8. destroyed: 实例销毁之后调用。在这里不能访问实例中的任何数据和方法。