【前端高频面试题--Vue生命周期篇】

码上有前

已于 2024-02-16 17:09:50 修改

阅读量1.3k

点赞数 18

分类专栏：前端文章标签：前端 vue.js javascript

于 2024-02-08 12:30:45 首次发布

本文链接：https://blog.csdn.net/qq_45832651/article/details/136078083

版权

本文详细介绍了Vue.js的生命周期、组件执行顺序、在不同阶段请求异步数据以及keep-alive中的特殊生命周期。涵盖了创建、挂载、更新和销毁阶段的关键钩子函数及其应用场景。

摘要由CSDN通过智能技术生成

🚀 作者 ：“码上有前”
🚀 文章简介 ：前端高频面试题
🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬

在这里插入图片描述

往期精彩内容

看下面这张图就够啦 🚀

在这里插入图片描述

Vue.js 的生命周期是指在组件创建、挂载、更新和销毁过程中触发的一系列钩子函数。这些钩子函数可以让我们在特定的时刻执行自定义的逻辑。

Vue.js 的生命周期可以分为以下几个阶段：

创建阶段：
- beforeCreate：在实例被创建之后，但是在数据观测和事件/钩子函数初始化之前调用。此时，组件的数据和方法还未初始化。
- created：在实例创建完成后调用。此时，组件的数据已经初始化，可以访问 data 中的数据和 methods 中的方法，但尚未挂载到 DOM 上。
挂载阶段：
- beforeMount：在挂载开始之前被调用。此时，模板已经编译完成，但尚未将模板渲染到真实的 DOM 中。
- mounted：在挂载完成后被调用。此时，组件已经被挂载到 DOM 上，可以进行 DOM 操作，也可以访问到通过 ref 获取的 DOM 元素。
更新阶段：
- beforeUpdate：在数据更新之前调用。此时，已经接收到新的数据，但是 DOM 尚未更新。