一、小程序里的常用生命周期
1、App里的生命周期
App({
onLaunch() {}, 监听小程序初始化,只触发一次
onShow(){},小程序启动或切换到前台运行
onHide(),小程序切换到后台运行
})
2、Page里的生命周期
Page({
//页面创建完,只触发一次,通常获取后台数据或接收另一个页面的传参时使用
onLoad() {},
//进入页面就会触发
onShow() {},
//页面离开时触发
onHide() {},
//监听页面初次渲染完成
onReady() {},
//监听页面卸载,类似于vue中destroyed
onUnload() {}
onReachBottom() {
console.log('到底页面底部')
},
//下拉触发
onPullDownRefresh() {
console.log('onPullDownRefresh')
},
//点击右上角分享时触发
onShareAppMessage() {
}
})
二、路由的管理与传参
两种路由触发模式:
1.标签方式触发
vue:
<router-link to="">
小程序:<navigator url="要中转的路径?key=value">
接收:通过另一个页面在onload生命周期中接收
2.编程式触发
vue:
this.$router.push()
小程序跳转:
wx.navigateTo() 带历史回退
wx.redirectTo() 不保留历史,跳转到另一个页面,不能返回到上一页面 this.$router.replace()
wx.switchTab() 只跳转到tabBar页面,不带回退
wx.reLaunch() 即能跳转到tabBar页面,也能跳转到非tabBar页面,不带历史回退