小程序生命周期一共有5个
- 进入阶段
onLoad
->页面开始加载
类似于Vue的createdonShow
->页面开始显示
类似于Vue中的activated(激活)onReady
->页面首次渲染完成- 类似于Vue中的mounted(挂载结束)
- 区分:渲染和挂载两个操作
- 挂载,将一个DOM节点添加到html中
- 渲染,将html内部的内容绘制到浏览器上,供用户观看
- 离开阶段
onHide
->页面隐藏- 类似于Vue中的deactivated(失活)
- 使用navigateTo离开当前页面,当前页面才会触发onHide
onUnload
->页面卸载- 类似于Vue中的beforeDestroy
- 使用redirectTo离开当前页面,当前页面才会触发onUnload
- 注意:
小程序生命周期中,唯一跟实际效果有出入的地方,就是生命周期图所示onLoad执行的时候,页面应该还没开始首次渲染,但实际debugger效果,onLoad中已经能看到页面效果
解释:个人认为是debugger的原因