uni-app生命周期
生命周期分为应用生命周期
和页面生命周期
和组件生命周期
应用生命周期 【uni-app生命周期】app.vue
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
- oLaunch 初始化完成时触发(全局只触发一次)
- onShow 启动,或从后台进入前台显示
- onHide 从前台进入后台
- onError 报错
- onUniNViewMessage 对nvue 页面发送的数据进行监听
注意: - 应用生命周期仅可在App.vue中监听,在其它页面监听无效。
- onLoad 监听页面加载,参数可获取上个页面的传参
- onShow 监听页面显示。页面每次出现在屏幕哈桑都触发
- onReady 监听页面初次渲染完成
- onHide 监听页面隐藏
- onUnload 监听页面卸载
- onResize 监听窗口尺寸变化
App、微信小程序
- onPullDownRefresh 监听用户下拉动作
- onReachBottom 监听页面滚动到底部
- onTabItemTap 点击tab时触发
- onNavigationBarButtonTap 监听原生标题栏按钮点击事件
- onBackPress 监听页面返回
安卓的物理返回键
- onNavigationBarSearchInputChanged 监听原生标题栏搜索输入框输入内容变化事件
- onNavigationBarSearchInputConfirmed 监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的
搜索
按钮时触发。 - onNavigationBarSearchInputClicked 监听原生标题栏搜索输入框点击事件
export default {
onLoad: function(e) {
console.log('onLoad',e)
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
注意:
- onReachBottom
(监听页面滚动到底部)
可在pages.json里定义具体页面底部的触发距离onReachBottomDistance
,比如设为50,那么滚动页面到距离底部50px时,就会触发触底事件。在这里插入代码片
- onPageScroll (监听页面滚动)里不要写复杂的逻辑
- beforeCreated
- created
- beforeMounted
- mounted
- beforeupdate
- updated
- beforeDestory
- destory
推荐阅读
- 活着就是生命的全部意义
- 生命过客——第10章|生命过客——第10章 初为人母
- 生命的活力!2019-05-04好事
- 生命中最迷人的部分轻拿轻放
- 日更82/365珍视生命中的每一刻
- 克里希那穆提《生命书》新译(8月15日)(心与念的二元分裂)
- 投资最重要的事之七——关注周期
- 积极探索|积极探索 绽放生命 ???——心心相印计划:青少年心理工作研讨小组全国大型公益行动第二次活动包头市青山区分校圆满成功
- 感恩生命中的所有遇见
- 努力让自己变得更具生命力