ionic生命周期

一、文字叙述

ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发

ionViewWillEnter 顾名思义，当将要进入页面时触发

ionViewDidEnter 当进入页面时触发

ionViewWillLeave 当将要从页面离开时触发

ionViewDidLeave 离开页面时触发

ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发

二、测试

ionViewDidLoad() {
    console.log("1.0 ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发");
  }
  ionViewWillEnter() {
    console.log("2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发");
  }
  ionViewDidEnter() {
    console.log("3.0 ionViewDidEnter 当进入页面时触发");
  }
  ionViewWillLeave() {
    console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");
  }
  ionViewDidLeave() {
    console.log("5.0 ionViewDidLeave 离开页面时触发");
  }
  ionViewWillUnload() {
    console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");
  }
  ionViewCanEnter() {
    console.log("ionViewCanEnter");
  }
  ionViewCanLeave() {
    console.log("ionViewCanLeave");
  }

三、测试结果

[WDS] Live Reloading enabled.
task.page.ts:50 2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发
task.page.ts:53 3.0 ionViewDidEnter 当进入页面时触发
task.page.ts:56 4.0 ionViewWillLeave 当将要从页面离开时触发
task.page.ts:59 5.0 ionViewDidLeave 离开页面时触发
task.page.ts:50 2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发
task.page.ts:53 3.0 ionViewDidEnter 当进入页面时触发