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

G了的杰尼龟很想奋斗

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

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

咫尺天涯201812092232845

加载渲染父 beforeCreate 父 created 父 beforeMount 子 beforeCreated 子 created 子 beforeMount 子 mounted 父 mounted 更新父 beforeUpdate 子 beforeUpdate 子 updated 父 updated 销毁父beforeDestroy 子 beforeDestroy 子 destroy 父 destroy

发表于 2026-01-29 10:37:23 回复(0)

WangYibo

创建挂载更新销毁，父建子建子挂父挂父更子更

发表于 2026-01-14 13:59:06 回复(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 回复(1)

牛客652084596号

vue声明周期是从组件从创建到销毁的过程，创建，挂载，更新，销毁，父子组件生命周期是父子包括父创建，子创建，子挂载，父挂载，父更新，子更新的规律，清理工作放在beforeUnmount,beforedistory

发表于 2026-03-31 11:26:26 回复(0)

jiujiu555

父组件 beforeCreate > created>BeforeMounted>子组件beforeCreate > created >beforeMoutend>mounted> 父组件mounted 更新父beforeUpdate > 子beforeUpdate >update >父updaate 销毁父beforeDestory > 子beforeDestory> destory> 父detoryed

发表于 2026-03-25 14:33:14 回复(0)

牛客396151831号

挂载：beforeCreated->created->beforeMounted->mounted 更新: beforeUpdated->updated 卸载: beforeDestory->destoryed 父子顺序: 挂载: 父beforeCreated -> 父created -> 父beforeMounted ->子beforeCreated -> 子created -> 子beforeMounted -> 子mounted -> 父mounted 更新: 父beforeUpdated -> 子beforeUpdated-> 子updated -> 父updated 更新: 父beforeDestory -> 子beforeDestory-> 子destoryed -> 父destoryed

发表于 2026-03-18 14:48:42 回复(0)

努力上岸的momo

1.生命周期：创建、挂载、更新、销毁 2.实践：发送异步请求：created；操作dom：mounted；获取更新后的dom：uodated；清理工作：beforeunmounted； 3.父子组件顺序：父组件总是等待子组件完成后才完成加载渲染：父创建-父beforemount-子创建-子挂载完成-父mounted；更新：父beforeupdate-子更新完成-父更新完成销毁：父beforeunmounted-子销毁完成-父销毁完成

发表于 2026-02-27 17:30:06 回复(0)

已转码的钝角很开心

vue生命周期分为创建，挂载，更新，销毁四个阶段。父子组件生命周期的顺序遵循父创建->子创建->子挂载->父挂载。父更新->子更新。实践：数据请求放在created，操作DOM在mounted，清理工作（取消未完成的网络请求和清除定时器...）在beforeUnmount/beforeDestroy

发表于 2026-02-23 19:28:34 回复(0)

不想打工的大魔王很苦闷

创建：beforeCreate，created，挂载：beforeMount，mounted，更新：beforeUpdate、updated，卸载：beforeDestroy，destroyd 父子组件执行顺序：父组件beforeCreate，created、beforeMount，子组件beforeCreate，created、beforeMount、mounted，父组件：mounted 常见发送数据请求放在created，操作dom放在mounted，更新数据updated

发表于 2026-02-10 17:46:15 回复(0)

牛客41767380号

创建，挂载，更新，销毁父建->子建->子挂->父挂父更->子更

发表于 2026-01-10 13:59:48 回复(0)

等一个offer的海豚很emo

发表于 2025-12-23 18:14:44 回复(0)

DsirNG

父子组件父创建，子创建，挂载，父在子组建挂载完成就挂载操作dom

发表于 2025-12-20 10:06:48 回复(0)

唯见长江天际流

创建挂载更新销毁父创建子创建子销毁父销毁 activated/deactivated 搭配keep-alive使用

发表于 2025-12-15 16:52:50 回复(0)

我从未看清

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 回复(1)

什么都不怕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 的生命周期（含父子组件先后顺序）以及常见实践放

问题信息

热门推荐

相关试题