截至ionic 3.8.0版本，框架提供了8个钩子函数，它们分别会在页面生命周期的各个阶段被触发，我们来简单了解一下。

1 ionViewDidLoad

页面加载完成触发，这里的“加载完成”指的是页面所需的资源已经加载完成，但还没进入这个页面的状态（用户看到的还是上一个页面）。

需要注意的是它是一个很傲娇的钩子，全程只会调用一次，即第一次进入页面时被调用，此后你无论怎样进进出出它都冷冷清清凄凄惨惨戚戚不再理你了。除非你把它的后台杀了，重新进入这个软件（在网页调试的时候按刷新也是可以的）。

因此这个钩子适合你做一些一次性的处理，比如从服务器拉取用户数据存到缓存中。

2 ionViewWillEnter

字面意义理解就是“我要进来了”的那一刻，这个时候页面刚刚开始切换。你可以在这时对页面的数据进行预处理，这个钩子是每次都会调用的。

3 ionViewDidEnter

当这个钩子被触发的时候，用户已经进入到新页面了（页面处于激活状态），同样也是每次都会调用。

4 ionViewWillLeave

页面准备 (is about to) 离开时触发，这时用户刚刚触发了返回按钮或者相关的事件。

5 ionViewDidLeave

页面已经 (has finished) 离开时触发，页面处于非激活状态了。

6 ionViewWillUnload

页面中的资源即将被销毁时触发

7 试验

页面主题部分代码如下

export class TestPage {

    title:string;

    constructor(public navCtrl:NavController,public params:NavParams,public alertCtrl:AlertController){

        this.title=this.params.get('title');

        console.log('触发构造函数');

    }

    popPage(){

        this.navCtrl.pop();

    }

    //沟崽子们

    ionViewDidLoad(){

        console.log('触发ionViewDidLoad');

    }

    ionViewWillEnter(){

        console.log('触发ionViewWillEnter');

    }

    ionViewDidEnter(){

        console.log('触发ionViewDidEnter');

    }

    ionViewWillLeave(){

        console.log('触发ionViewWillLeave');

    }

    ionViewDidLeave(){

        console.log('触发ionViewDidLeave');

    }

    ionViewWillUnload(){

        console.log('触发ionViewWillUnload');

    }

}

进入TestPage，观察控制台输出了什么。

第一次进入页面

第一次离开页面

第二次进入和离开

项目开发组   供稿