前言

不同的生命周期钩子往往会有不同的效果，决定了函数里面的内容运行的触发条件和时机。

onLoad生命周期函数

触发时机

第一次初始化小程序页面时触发（小程序页面初始化，运行的最早的生命周期函数）

触发条件

小程序当前页面第一次被加载时(并且小程序页面栈中没有当前页面的缓存)

注意点

使用wx.navigateBack跳转到上个页面，不会触发上个页面onLoad

wx.navigateBack({
    delta: 0
})

因为上一个页面还在，页面栈中（可以理解为缓存中）

跳转到tabbar页面也不会触发tabbar页面的onLoad

 wx.switchTab({
     url: '/pages/index/index',
 })

无法通过getCurrentPage()获取当前页面，因为page对象还未生成

唯一可以获取传递参数的生命周期

使用场景

请求数据

不用每次回到这个页面都要刷新的数据
例如：轮播图、首页商品、评论

第一次进入页面就要做的事情

判断登录
权限校验
数据处理

onShow生命周期函数

触发时机

第一次页面显示（小程序页面显示初始化，运行的最早的生命周期函数）
后台切到前台 （小程序切到手机后台，短时间内再打开，长时间小程序会被手机杀死）
页面跳转（所以跳转都可以）

触发条件

小程序当前页面第一次被加载时
小程序当前页面再一次显示（程序页面栈中有当前页面的缓存）

注意点

使用wx.previewImage放大查看图片，会触发页面的onShow

使用场景

请求数据
来回跳转页面需要实时更新的数据
后台切换到前台，需要做的事情

标签：onLoad,onShow,触发,区别,程序,跳转,wx,页面
来源： https://blog.csdn.net/weixin_42554191/article/details/117845624