Uni-App - 页面生命周期

页面生命周期

不论是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>