ionic3生命周期钩子

转自:https://www.jianshu.com/p/72b704b5c9ed

1、认识ionic的生命周期钩子

截止ionic3.8.0版本,框架提供了8个钩子函数,它们分别会在页面生命周期的各个阶段被触发。

1.1 ionViewDidLoad

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

需要注意的是它是一个很骄傲的钩子,全程只会调用一次,即第一次进入页面时被调用,此后你无论怎样进进出出它都不再理你了。

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

1.2 ionViewWillEnter

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

1.3 ionViewDidEnter

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

1.4 ionViewWillLeave

页面准备离开时触发,这时用户刚刚触发了返回按钮或者相关的事件。

1.5 ionViewDidLeave

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

1.6 ionViewWillUnload

页面中的资源即将被销毁时触发,会在每次离开页面后触发

1.7 实验

实验得出以下结论:

1、构造函数在ionViewDidLoad之前被触发

2、ionViewDidLoad只在第一次进入页面时触发

3、ionViewWillUnload会在每次离开页面后触发

2.还有两个守卫钩子

我开头提到ionic提供了8个钩子,而我只介绍了6个。前6个钩子有个共性,它们的返回值都是void,即在相应时刻调用,不会返回任何的信息。

而另外两个钩子有些不太一样,它们是可以返回布尔值的ionViewCanEnter和ionViewCanLeave。

如果前6个钩子是页面对用户来访的一种被动反应,那么现在,页面具有了意识,可以准许你来或者准许你走。

这两个钩子,更多扮演着权限控制的角色,最近有个很新潮的术语叫守卫。

如果 ionViewCanEnter和ionViewCanLeave返回了false,就会被阻拦。

猜你喜欢

转载自www.cnblogs.com/cacti/p/9208499.html