uni-app的生命周期

一.应用的生命周期

export default{
    onLaunch:function(){
        console.log("APP onLaunch")
    },
    onShow:function(){
        console.log("APP onShow")
    },
    onHide:function(){
        console.log("APP onHide")
    },
    onEror:function(){
        console.log("APP onEror")
    }
}

应用生命周期仅可在App.vue中监听，在其它页面监听无效。

二.页面的生命周期

1.下拉刷新 onPullDownRefresh

第一步，开启下拉刷新。创建页面的vue文件，例如home.vue，将list添加到pages中，在pages中开启下拉刷新；另一种可以直接用uni.startPullDownRefresh

		{
			"path":"pages/home/home",
			"style":{
				"enablePullDownRefresh":true
			}
		}

第二步，触发下拉刷新后，写逻辑。

在home.vue文件中，export default中定义onPullDownRefresh的周期函数,这个函数可以监听下拉刷新。

onPullDownRefresh(){
    console.log("下拉刷新")
    this.list = ["1","2","3","4"]
    uni.stopPullDownRefresh();
}

停止下拉刷新     uni.stopPullDownRefresh();

但是这样的下拉刷新事件太短，可以在这里加一个setTimeout延时，例如

onPullDownRefresh(){
    console.log("下拉刷新")
    setTimeout（（）=>{
           this.list = ["1","2","3","4"]
           uni.stopPullDownRefresh();
    },2000） 
}

这样，下拉刷新动作两秒后，list数组发生变化并且停止下拉刷新。

2.页面滚动到底部的事件onReachBottom

还有一个onReachBottomDistance可以设置页面触底的距离，在pages里的页面中配置，例如

"pages": [ 
		{
			"path": "pages/message/message",
			"style": {
				"onReachBottomDistance":200
			}
		},

在export default中写监听函数，例如

export default{
   onReachBottom(){
        console.log("触底啦")
    }
}