美文网首页
190121|梳理执行过程中小程序及 mpvue 的生命周期

190121|梳理执行过程中小程序及 mpvue 的生命周期

作者: 贝一平 | 来源:发表于2019-01-22 11:22 被阅读18次

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


列表页结构.png

列表页循环 item 组件,这个时候就需要知道如下内容;

  1. 加载页面的时候生命周期的执行顺序
  2. 加载 item 组件的时候生命周期执行的顺序
  3. 点击组件 item 进入详情页触发的生命周期顺序
  4. 点击底部导航触发的生命周期顺序

主要测试的生命周期为 onLoad,onShow, onReady onUnload, onHide, mounted, destroyed这几个。

初次加载页面

页面的生命周期执行顺序为
onLoad -> onShow -> onReady
页面加载完成之后,执行组件的加载,生命周期的执行顺序为
onLoad,onReady *n 最后 mounted

点击底部导航切换

页面 onHide -> 组件 onHide

点击底部导航 再切换回活动列表页

页面 onshow -> 组件 onShow

相关文章

网友评论

      本文标题:190121|梳理执行过程中小程序及 mpvue 的生命周期

      本文链接:https://www.haomeiwen.com/subject/nszcjqtx.html