说说 Vue 的生命周期（含父子组件先后顺序）以及常见实践放

[问答题]

说说 Vue 的生命周期（含父子组件先后顺序）以及常见实践放在哪些钩子里。

查看答案及解析

G了的杰尼龟很想奋斗

创建挂载更新销毁父组件先创建子组件1创建，子组件2创建，子组件1挂载，子组件2挂载父组件挂载通常放在挂载完成后，可以操作dom

发表于 2025-10-23 17:10:44 回复(0)

hickey江

vue2生命周期：beforeCreated、created、beforeMounted、mounted、beforeUpdate、update、beforeDestroyed、destroyed。父子组件之间的先后顺序：父beforeCreated->父created->父beforeMounted->子beforeCreated->子created->子beforeMounted->子mounted->父mounted，父beforeUpdate->子beforeUpdate->子update->父update，父beforeDestroyed->子beforeDestroyed->子destroyed->父beforeDestroyed vue3有所改变：创建created，beforeCreated不再使用，使用setup()，mounted跟beforMounted改成onMounted跟onBeforeMounted，update也一样，但是销毁改成了onBeforeUnmount，onUnmount

发表于 2025-11-24 22:24:18 回复(0)

牛客603066414号

Vue的生命周期阶段：分为创建-> 挂载 -> 更新 ->销毁阶段创建阶段： beforecreated ：组件上的实例创建前，实例上的data，methods还没初始化 created：实例上的data。methods已初始化完成，但实例还没和页面Dom关联挂载阶段： beforemounte：Vue已完成模板遍历，已经转化为了虚拟dom，但还没渲染成真实 dom mounted：已经渲染成真实dom 更新阶段：beforeUpdata 组件上data数据发生变化，Vue检测到数据变化，生成了虚拟dom 但还没将虚拟dom真实渲染 updata：显然成真实Dom Dom已经和新数据同步销毁阶段：beforeUnmount: 组件即将销毁，但Dom还存在，实例还是可以用 unmounted: 组件完全销毁，组件实例上的所有资源清理父子组件先后生命周期顺序，父组件创建，子组件创建，挂载，父组件再挂载，子组件更新，父组件再更新，子组件销毁，到父组件销毁常见实践：一般异步请求数据，就会放在created钩子中进行请求数据，因为这时候组件实例还没有和Dom关联，可以对数据做一些处理，并且我们一般也是一进页面，就开始发请求获取数据操作Dom我们一般就放在Mounted中因为，这时候dom元素已经加载好了剩余两个钩子我们很少用到，不做更深入了解

发表于 2025-11-24 15:49:09 回复(0)

emmarhao

beforeCreate：实例创建前，不能使用data和methods。 created：实例创建后，可以访问一些data和methods。 beforeMounte：实例挂载前，el未挂载 mounted：实例挂载后，可以访问dom beforeUpdate：更新前 updated：更新后 beforeDestory：销毁前，还能使用data和方法 destoryed：销毁后如果使用了keep-alive，还会增加两个生命周期：activeted、deactiveted。一般先执行父组件的前三个生命周期，再执行子组件的前四个生命周期，再执行父组件的mounted，所以当页面渲染父子组件时，如果先渲染子组件的数据，再渲染父组件，则需要把请求放在父组件的mounted里。

发表于 2025-11-20 09:56:03 回复(0)

什么都不怕g

beforecreated,created, beforemounted,mounted, beforeupdated,updated, beforedestory,destory

发表于 2025-10-20 19:13:25 回复(0)

加油冲冲冲123

beforecreate、created:数据请求、beforeMount、mounted：dom元素、beforeUpdate：数据更新判断、updated、beforeDestory：销毁前处理、destoryed：定时器消除

发表于 2025-10-16 21:09:06 回复(0)

rs学前端

created、mounted、beforeDestroy、destroyed

发表于 2025-10-09 19:57:02 回复(0)

秋水夏树

beforeCreate created：实例创建完成。data 已实现响应式，methods 已配置。适发起异步请求。 beforeMount mounted：已挂载到页面，可以访问 DOM。 beforeUpdate updated：不要更新响应式数据！ beforeDestroy：定时器、监听器移除。 destroyed

发表于 2025-09-17 18:36:18 回复(1)

提交观点

问题信息

来自：Vue-牛客面经八股

难度：

8条回答 14收藏 168浏览

说说 Vue 的生命周期（含父子组件先后顺序）以及常见实践放

问题信息

热门推荐

相关试题