Vue生命周期

生命周期描述
beforeCreate组件实例被创建之初
created组件实例已经完全创建
beforeMount组件挂载之前 (渲染之前)模板和数据结合即将挂载到页面之前
mounted组件挂载到实例上去之后 页面渲染完毕
beforeUpdate组件数据发生变化,更新之前
updated数据数据更新之后
beforeDestroy组件实例销毁之前
destroyed组件实例销毁之后

要点
挂载阶段
beforeCreate 到mounted
更新阶段
beforeUpdate 到 updated
销毁阶段
beforeDestroy destroyed

常问 created 和 mounted 有什么区别
creaeted Vue实例初始化并没有开始渲染 只是存在js模型中的一个变量而已
mounted 是真正的在网页上绘制完成了 页面已经渲染完了
大部分情况下我们在mounted 做一些操作 因为页面已经渲染完了
可以做一些ajax 获取信息 绑定事件

beforeDestroy 可能要做什么事情
解除绑定,销毁子组件以及事件监听器,定时器,自己绑定的winow.document事件要去销毁

带有父子组件的生命周期
index为父组件,Input和List为两个子组件
在这里插入图片描述
创建初始化实例是从外到内的
index created
list created

渲染是从内到外的 只有子组件渲染完父组件才能渲染完
list mounted
index mounted

数据更新时
先是子组件emit 向父组件出发了一个事件
父组件的数据准备更新
然后是子组件准备更新
只有子组件渲染完了
父组件才能说自己渲染完了 更新完了
index before update
list before update
list updated
index updated

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值