前言
不同的生命周期钩子往往会有不同的效果,决定了函数里面的内容运行的触发条件和时机。
onLoad生命周期函数
触发时机
- 第一次初始化小程序页面时触发(小程序页面初始化,运行的最早的生命周期函数)
触发条件
- 小程序当前页面第一次被加载时(并且小程序页面栈中没有当前页面的缓存)
注意点
-
使用
wx.navigateBack
跳转到上个页面,不会触发上个页面onLoad
wx.navigateBack({ delta: 0 }) //因为上一个页面还在,页面栈中(可以理解为缓存中)
-
跳转到tabbar页面也不会触发tabbar页面的
onLoad
wx.switchTab({ url: '/pages/index/index', })
无法通过
getCurrentPage()
获取当前页面,因为page对象还未生成唯一可以获取传递参数的生命周期
使用场景
-
请求数据
- 不用每次回到这个页面都要刷新的数据
例如:轮播图、首页商品、评论
-
第一次进入页面就要做的事情
- 判断登录
- 权限校验
- 数据处理
onShow生命周期函数
触发时机
- 第一次页面显示(小程序页面显示初始化,运行的最早的生命周期函数)
- 后台切到前台 (小程序切到手机后台,短时间内再打开,长时间小程序会被手机杀死)
- 页面跳转(所以跳转都可以)
触发条件
- 小程序当前页面第一次被加载时
- 小程序当前页面再一次显示(程序页面栈中有当前页面的缓存)
注意点
- 使用
wx.previewImage
放大查看图片,会触发页面的onShow
使用场景
- 请求数据
- 来回跳转页面需要实时更新的数据
- 后台切换到前台,需要做的事情