Uni-app页面生命周期和应用生命周期

学习任何框架必须将其生命周期了然于胸.

uni-app支持如下页面生命周期函数:

onLoad	监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),示例中可参考
onShow	监听页面显示
onReady	监听页面初次渲染完成
onHide	监听页面隐藏
onUnload	监听页面卸载
onPullDownRefresh	监听用户下拉动作
onReachBottom	页面上拉触底事件的处理函数
onShareAppMessage	用户点击右上角分享  微信小程序
onPageScroll	监听页面滚动
onTabItemTap	当前是tab页时,点击tab触发

使用示例代码:

<script>
export default {
 data: {
  title: 'Hello'
 },
 onLoad:function(options){
  console.log("onLoad");
 },
 onHide:function(){
  console.log("onHide");
 },
 onShow:function(){
  console.log("onShow");
 }
}
</script>

 应用生命周期函数：

函数名	说明
onLaunch	当uni-app初始化完成时触发（全局只触发一次）
onShow	当uni-app启动，或从后台进入前台显示
onHide	当uni-app从前台进入后台
onUniNViewMessage	对nvue页面发送的数据进行监听