Vue的生命周期

本文详细解析了Vue的四个生命周期阶段:创建、挂载、更新和销毁,涵盖了八个关键的钩子函数,包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。介绍了每个阶段的特点及钩子函数的应用场景。

Vue声明周期有4个阶段,每个阶段分别对应两个钩子函数

第一阶段:
创建 --beforeCreate、created
beforeCreate 表示创建之前,没有初始化数据,也没有真实dom,这个函数在vue中基本不用;

created 表示创建结束,有数据,但没有dom;可以修改数据,在这里修改数据不会触发运行中的更新的生命周期,也可以做网络请求

第二阶段
挂载–beforeMount、mounted
beforeMount 表示挂载之前和created类似,有数据,可以修改数据,没有dom,也可以做网络请求;

mounted 表示挂载结束 ,有数据 ,有dom, 可以修改数据 ,也可以修改dom,能做初始化的操作

第三阶段
更新–beforeUpdate、updated
beforeUpdate 表示更新之前,在挂载之后数据更新的时候触发,挂载之前数据跟新不会触发,里面的数据是更新之后的数据,但 dom元素是更新之前的dom

updated 表示更新之后,数据与dom都更新完后触发,数据 是更新之后的, dom也是更新之后的,注意做数据的修改操作 可能引起死循环

第四阶段
销毁–beforeDestroy、destroyed
beforeDestroy 有数据 有dom,但没什么用

destroyed 有数据 ,但是没有用,没有dom

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值