uni-app的生命周期包括:应用生命周期、页面生命周期、组件生命周期
一、应用生命周期(只能在App.vue文件中监听)
函数 | 说明 |
---|---|
onLaunch | 初始化完成时触发(全局只触发一次) |
onShow | 启动时或从后台进入前台显示 |
onHide | 从前台进入后台 |
onError | 报错时触发 |
onPageNotFound | 页面不存在监听函数 |
在App.vue文件中打印
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
在控制台输出可以看到执行顺序
二、页面声明周期
函数 | 说明 |
---|---|
onLoad | 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object |
onShow | 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面 |
onReady | 监听页面初次渲染完成 |
onHide | 监听页面隐藏 |
onUnload | 监听页面卸载 |
onResize | 监听窗口尺寸变化 |
onPullDownRefresh | 监听用户下拉动作,一般用于下拉刷新 |
onReachBottom | 页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。具体官方文档注意事项 |
onPageScroll | 监听页面滚动,参数为Object |
onShareAppMessage |