前端/移动开发面试题更新 2026-08-05

请列举Vue组件的生命周期阶段,并说明它们各自的特点?

前端/移动开发技术原理Vue

考察说明

考察对Vue生命周期钩子函数及其触发时机的掌握程度。

回答思路

  1. 【回答框架 1】Vue生命周期是指组件从创建到销毁所经历的一系列过程,包含8个主要阶段:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。
  2. 【回答框架 2】在beforeCreate阶段,实例初始化事件和生命周期,但数据观测和事件尚未设置,无法访问data和methods;created阶段完成数据观测和属性初始化,可访问data和methods,但DOM还未挂载。
  3. 【回答框架 3】beforeMount阶段在挂载开始前被调用,此时编译模板已完成但未渲染到页面;mounted阶段在挂载完成后调用,DOM已生成,可进行DOM操作和发起异步请求。
  4. 【回答框架 4】更新阶段中,beforeUpdate在数据变化后DOM更新前触发,适合获取更新前的状态;updated在DOM更新完成后触发,但应避免在此修改数据以防死循环。
  5. 【回答框架 5】销毁阶段中,beforeDestroy在实例销毁前调用,可清理定时器和解除事件绑定;destroyed在销毁后调用,实例已完全销毁,所有指令和事件监听都被移除。
  6. 【关键点 1】Vue生命周期共8个阶段,按创建、挂载、更新、销毁顺序排列。
  7. 【关键点 2】created和mounted是常用钩子,前者适合初始化数据,后者适合操作DOM和发起请求。
  8. 【关键点 3】beforeDestroy必须清理定时器和全局事件,防止内存泄漏。
  9. 【易错点 1】在updated中修改数据易导致无限循环,应避免。
  10. 【易错点 2】beforeCreate阶段不能访问data和methods,易误用。
  11. 【易错点 3】不同API版本(如Vue3)生命周期名称可能变化,需注意。