uni-app生命周期以及路由跳转

本文详细介绍了uni-app的生命周期,包括应用生命周期、页面生命周期和组件生命周期的各个阶段及对应函数,如onLaunch、onShow、onHide、onLoad、onReady等。此外,还阐述了uni-app的路由跳转方式,如navigateTo、reLaunch、switchTab、redirectTo和navigateBack的使用场景和特点。
摘要由CSDN通过智能技术生成

生命周期分为应用生命周期、页面生命周期和组件生命周期

一、应用生命周期

应用生命周期只能在App.vue中监听应用
option获取用户进入应用的场景值
在这里插入图片描述
在控制台打印出1001场景值
在这里插入图片描述在这里插入图片描述
应用生命周期函数
1、onLaunch:初始化完成时触发,获取切后台进入的时候的场景值
语法:

onLaunch: function() {
    console.log('App Launch')
}

此时控制台中打印:App Launch
在这里插入图片描述
2、onShow:当uni-app启动,监听用户进入小程序
语法:

onShow: function() {
   console.log('App Show')
}

此时控制台中打印:App Show
在这里插入图片描述
3、onHide:监听用户离开小程序
语法:

onHide: function() {
    console.log('App Hide')
}

4、onError:报错时触发
语法:

onError: function() {
 console.log('App Error')
}

5、onUniNViewMessage:监听nvue页面发送的数据

二、页面声明周期

页面生命周期函数
1、onLoad:页面初始化执行并且只执行一次
语法:

onLoad() {
  console.log("页面初始化执行一次 onLoad")
}

页面初始化时控制台中打印:页面初始化执行一次

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值