前端知识点记录：Vue生命周期

第一题：Vue生命周期

生命周期介绍

每个Vue实例组件会经历以下步骤：
创建 -> 挂载 -> 更新 -> 销毁

即是在过程中自动执行的函数，让开发者执行自己的代码

生命周期钩子

1. beforCreate
   触发机制 -- 实例初始化之后，数据观测（data observer）和事件配置（event/watcher）之前
   应用场景 -- 初始化配置非响应式数据、执行异步操作、全局配置插件安装（访问不到 data、methods，不能获取DOM）

2. created
   触发机制 -- 实例创建完成后
   应用场景 -- 可以访问的数据、方法，可以发起网络请求获取数据（可访问到 data、methods，不能获取DOM）

3. beforMount
   触发机制 -- 挂载开始前
   应用场景 -- 模板编译/合并已完成，$el属性（根DOM元素）尚未确定（可访问到 data、methods，不能获取DOM）

4. mounted
   触发机制 -- 实例创建完成后
   应用场景 -- 模板已渲染成真实的DOM，可以进行DOM操作。适合进行数据请求和操作DOM（可访问到 data、methods，可以获取DOM）

5. beforUpdate
   触发机制 -- 更新前
   应用场景 -- 数据更新时调用，虚拟DOM已经变化，但实际DOM还未变化

6. updated
   触发机制 -- 更新后
   应用场景 -- 数据更新完成，DOM已完成更新

7. beforDestroy
   触发机制 -- 销毁前
   应用场景 -- 组件即将销毁，适合进行清理工作，如移除事件监听器

8. destroyed
   触发机制 -- 销毁后
   应用场景 -- 组件已销毁，所有绑定和子实例都已解除