ionic3 生命周期钩子

标签：span   iter   figure   key   构造函数   ade   turn   title   str   

ionViewDidLoad

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

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

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

ionViewWillEnter

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

ionViewDidEnter

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

说到这我不得不插一句，ionic对钩子的命名对广大中国学生真是友好啊，一个will一个did就把事情解决了。不像外边某些妖艳（误）的框架，一堆ready, update, complied, destory什么的，记一次忘一次。（当然这是一个玩笑，组件的命名跟框架的运行机制是息息相关的）

ionViewWillLeave

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

ionViewDidLeave

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

ionViewWillUnload

页面中的资源即将被销毁时触发，此刻你是否会猜测这个钩子与ionViewDidLoad一样，只会被触发一次呢？

注意:
构造函数在ionViewDidLoad之前被触发
ionViewDidLoad只在第一次进入页面时触发
ionViewWillUnload会在每次离开页面后触发

守卫钩子

ionViewCanEnter

ionViewCanLeave< 大专栏  ionic3 生命周期钩子/h2>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

ionViewCanEnter() :boolean { if(new Date().getHours()>=8){ console.log('怎么的呢，你看看现在几点了，你那么舒服咋不在家里接着睡吶，给我门外站着去！'); return false; } return true; } //杏花楼姿态万千的老鸨 ionViewCanLeave() :boolean { if(new Date().getHours()>=22){ console.log('哎呀公子，你看都这么晚了，最近外面风声那么紧，不如就在我们这儿留宿吧，你看姑娘们都舍不得你回去呢'); return false; } return true; }

总结

ionViewDidLoad 第一次调用 返回void
ionViewWillEnter 每次调用 返回void
ionViewDidEnter 每次调用 返回void
ionViewWillLeave 每次调用 返回void
ionViewDidLeave 每次调用 返回void
ionViewWillUnload 每次调用 返回void
ionViewCanEnter 每次调用 返回boolean
ionViewCanLeave 每次调用 返回boolean

ionic3 生命周期钩子

标签：span   iter   figure   key   构造函数   ade   turn   title   str   

原文地址：https://www.cnblogs.com/lijianming180/p/12032185.html