关于uni_app的生命周期
什么是生命周期?
生命周期是从 创建 运行 到销毁 这整个过程称为生命周期
生命周期分为三大类 应用级 页面级 组件级
应用生命周期(仅可在App.vue中监听)
- onLacunh :应用初始化完成触发一次,全局只触发一次、
- onShow : 应用启动的时候,或者从后台进入前台
- onHide : 应用从前台进入后台
- onError : 应用报错时触发
- onUniNViewMessage : 对 nvue 页面发送的数据进行监听
页面生命周期(在页面中添加)
- onLoad :监听页面加载
- onShow :监听页面显示
- onHide :监听页面隐藏
- onReady :监听页面初次渲染完成
- onUnload :监听页面卸载
- onResize :监听窗口尺寸变化
- onPullDownRefresh :监听用户下拉动作,一般用于下拉刷新,
- 当页面中需要用到
下拉刷新
功能时,打开pages.json
,在"globalStyle
"里设置"enablePullDownRefresh":true。
- 当页面中需要用到
- onReachBotton :页面滚动到底部的事件,常用于下拉下一页数据
- onTabItemTap :点击tabBar时触发
- onShareAppMessage :用户点击右上角分享
- onPageScroll :监听页面滚动
- onNavigationBarButtonTap :监听原生标题栏按钮点击事件
- onBackPress :监听页面返回
- onNavigationBarSearchInputChanged :监听原生标题栏搜索输入框输入内容变化事件
- onNavigationBarSearchInputConfirmed :监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的搜索按钮时触发
- onNavigationBarSearchInputClicked :监听原生标题栏搜索输入框点击事件
组件生命周期(与vue标准组件的生命周期相同)
- beforeCreate :在实列初始化之后被调用
- created :在实列创建完成后被立即调用
- beforeMount :在挂载开始之前被调用
- mounted :挂载到实列上去之后调用(该钩子在服务器端渲染期间不被调用)
- beforeUpdate :数据更新时调用,发生在虚拟DOM打补丁之前
- updated :由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子
- beforeDestroy :实列销毁之前调用
- destroyed :Vue实列销毁后调用