uni-app生命周期方法加载顺序

uni-app内置方法

onLoad
监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),onLoad只会执行一次，只有当页面刷新会重复执行。
onShow
监听页面显示
onReady
监听页面初次渲染完成，在onShow之后执行，一个页面完整执行：onLoad、onShow、onReady
onHide
监听页面隐藏
onUnload
监听页面卸载
onPullDownRefresh
监听用户下拉动作
onReachBottom
页面上拉触底事件的处理函数
onShareAppMessage
用户点击右上角分享 微信小程序
onPageScroll
监听页面滚动
onTabItemTap
当前是tab页时,点击tab触发

export default {
		methods:{
            test(){
                console.log("下拉刷新");
                uni.stopPullDownRefresh();
            },
        },
        // 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参)
        // 只执行一次，切换到该页面执行
        onLoad(options){
            console.log("-----onLoad---------");
        },
        // 监听页面显示
        // 在onLoad之后执行
        onShow(){
            console.log("-----onShow---------");
        },
        // 监听页面初次渲染完成
        // 在onShow之后执行。一个页面完整执行：onLoad、onShow、onReady
        onReady(){
            console.log("-----onReady---------");
        },
        // 监听页面隐藏
        // 页面隐藏时调用
        onHide(){
            console.log("-----onHide---------");            
        },
        // 监听页面卸载
        onUnload(){
            console.log("-----onUnload---------");                
        },
        // 监听用户下拉动作
        // page.json文件中"enablePullDownRefresh": true，此时下拉事件才会被触发
        onPullDownRefresh(){
            uni.showToast({
                title:'刷新成功',
                icon:'none'
            });
            console.log("-----onPullDownRefresh---------");    
            // 停止刷新
            this.test();
        },
        // 页面上拉触底事件的处理函数
        // 滚动条触底时触发
        onReachBottom(){
            console.log("-----onReachBottom---------");                        
        },
        // 监听页面滚动，只要页面存在滚动，触动了滚动条就会触发该事件，不论上拉下拉
        onPageScroll(){
            console.log("-----onPageScroll---------");                
        }
}

注意

onLoad和onShow

onLoad

只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）

onShow

监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。

子组件

子组件里的onLoad、onShow里的方法等不执行，此时只能调用vue的生命周期方法，created、mounted等。

下拉刷新

启动下拉刷新，修改pages.json文件：

			{
				"path": "statistic/ent",
				"style": {
					"navigationBarTitleText": "数据统计",
					"enablePullDownRefresh": true
				}
			},

页面代码：

		onPullDownRefresh(){
			// this.doSearchList();
			// 下拉刷新完毕
			uni.stopPullDownRefresh();
		},