移动端开发基础【7】生命周期

一、应用生命周期

Uniapp的生命周期有应用生命周期和页面生命周期，今天我们就先来认识一下应用生命周期的几种生命周期函数。

其中，应用生命周期只能用在App.vue页面监听，在其他页面监听不起作用。

1. onLaunch

作用：在整个uni-app项目初始化完成时触发，并且全局只触发一次。

在HBuilderX 1.9.9以下的版本中，onlaunch函数内使用navigate To中进行页面跳转,可能会和pages.json内配置的第一个跳转页面冲突。从而造成手机端显示白屏问题。解决的方法是延迟跳转的时间。

         2.onShow

作用：在整个uni-app项目启动，或者从后台进入前台的时候显示。

         3.onHide

作用：当整个uni-app项目从前台进入后台时触发函数。

        4.onError

作用：当整个uni-app项目报错时触发。

        5.onUniNViewMessage

作用：对nvue页面发送的数据进行监听。

具体的可以参考uni-app官网中介绍模块给出的使用Weex/nvue注意事项里面的nvue向vue通讯。

二、页面生命周期

1. onShow

作用：监听页面显示。页面每次出现在屏幕上都触发，指的是不管是从其他页面进入当前页面还是从下级页面点击返回当前页面，都会触发onShow函数。

         2.onHide

作用：监听页面隐藏。

为了与应用生命周期函数区别，本期只介绍写法与应用生命周期函数相同但用法不同的两个页面生命周期函数。其他的页面生命周期函数我将放到下期为大家介绍。