学习任何框架必须将其生命周期了然于胸.
uni-app支持如下页面生命周期函数:
| onLoad | 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),示例中可参考 |
| onShow | 监听页面显示 |
| onReady | 监听页面初次渲染完成 |
| onHide | 监听页面隐藏 |
| onUnload | 监听页面卸载 |
| onPullDownRefresh | 监听用户下拉动作 |
| onReachBottom | 页面上拉触底事件的处理函数 |
| onShareAppMessage | 用户点击右上角分享 微信小程序 |
| onPageScroll | 监听页面滚动 |
| onTabItemTap | 当前是tab页时,点击tab触发 |
使用示例代码:
1 <script> 2 export default { 3 data: { 4 title: 'Hello' 5 }, 6 onLoad:function(options){ 7 console.log("onLoad"); 8 }, 9 onHide:function(){ 10 console.log("onHide"); 11 }, 12 onShow:function(){ 13 console.log("onShow"); 14 } 15 } 16 </script>
应用生命周期函数：
| 函数名 | 说明 |
| onLaunch | 当uni-app初始化完成时触发（全局只触发一次） |
| onShow | 当uni-app启动，或从后台进入前台显示 |
| onHide | 当uni-app从前台进入后台 |
| onUniNViewMessage | 对nvue页面发送的数据进行监听 |
