Vue 基础面试题, Vue 的生命周期总共有哪几个阶段?

Step 1

Q:: Vue 的生命周期总共有哪几个阶段？

A:: Vue 的生命周期总共有 8 个主要阶段：1. 创建前期 (beforeCreate)，2. 创建 (created)，3. 挂载前期 (beforeMount)，4. 挂载 (mounted)，5. 更新前期 (beforeUpdate)，6. 更新 (updated)，7. 销毁前期 (beforeDestroy)，8. 销毁 (destroyed)。每个阶段对应不同的钩子函数，允许开发者在组件的特定时间点执行操作。

Step 2

Q:: 如何利用 Vue 的生命周期钩子优化性能？

A:: 可以通过在 beforeDestroy 钩子中清除定时器或事件监听器，避免内存泄漏。在 beforeMount 或 mounted 钩子中进行一次性的数据请求和 DOM 操作，在 beforeUpdate 中避免不必要的操作，从而优化性能。

Step 3

Q:: 在 Vue 的生命周期中，何时适合进行异步数据请求？

A:: 通常在 created 或 mounted 钩子中进行异步数据请求。在 created 中可以初始化数据，不依赖于 DOM；在 mounted 中可以操作已生成的 DOM 结构。

Step 4

Q:: 如何处理 Vue 生命周期中的异常情况？

A:: 可以通过在钩子函数中使用 try-catch 语句来捕获异常，并通过 Vue 的全局错误处理机制 (errorCaptured 或 Vue.config.errorHandler) 来集中处理未捕获的错误，从而保证应用的稳定性。