先简单看下列表页的结构,结构大致如下。

列表页循环 item 组件,这个时候就需要知道如下内容;
- 加载页面的时候生命周期的执行顺序
- 加载 item 组件的时候生命周期执行的顺序
- 点击组件 item 进入详情页触发的生命周期顺序
- 点击底部导航触发的生命周期顺序
主要测试的生命周期为 onLoad,onShow, onReady onUnload, onHide, mounted, destroyed这几个。
初次加载页面
页面的生命周期执行顺序为
onLoad -> onShow -> onReady
页面加载完成之后,执行组件的加载,生命周期的执行顺序为
onLoad,onReady *n 最后 mounted
点击底部导航切换
页面 onHide -> 组件 onHide
点击底部导航 再切换回活动列表页
页面 onshow -> 组件 onShow
网友评论