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 当进入页面时触发
Category: APP页面IONIC