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页面发送的数据进行监听