VUE知识点：Vue生命周期

文章目录

• Vue组件的生命周期
• 组件在创建前执行的动作
• 组件成功创建后的行为
• 组件在mount方法调用前执行的操作
• 组件完成mount操作后的处理流程
• 组件在更新数据前进行初始化操作
• 完成数据更新后的验证流程
• 组件在销毁之前执行必要的清理操作
• 成功从DOM中移除元素后的状态
• 生命周期运行流程图

Vue的生命周期

Vue实例经历了一个完整的生命周期：在创建阶段，在初始化数据存储后执行模板解析，在完成DOM文档树挂载后进入初始渲染状态；随后会触发更新流程，在此期间会再次进入渲染状态；完成卸载操作标志着该实例的生命周期结束。简而言之，在整个生命周期中，一个Vue实例自始至终持续运行直到被销毁。官方提供了详细的周期性流程图。

根据上图可知，在Vue从创建到销毁的过程中共有create前、create后、mount前、mount后、update前、update后、destroy前以及destroy后的八个生命周期钩子。（实际上还有keep-alive缓存组件中的activated前、deactivated前这两个钩子函数）