Ionic 2 中生命周期的命名改变及说明

Posted 码天码地

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic 2 中生命周期的命名改变及说明相关的知识,希望对你有一定的参考价值。

本文简要整理了在 Ionic 2 的版本中生命周期命名的改变,以及各个事件的解释。

在之前的课程中讲解了 Ionic 生命周期的命名以及使用,不过在 Ionic 2 更新到了 30 版本后,框架在全局对生命周期的命名做了改变,所以本文简单整理一下新的生命周期事件和说明如下。
官方文档地址在这里

事件名称事件说明
ionViewLoaded 页面加载完毕触发。该事件发生在页面被创建成 DOM 的时候,且仅仅执行一次。如果页面被缓存(Ionic默认是缓存的)就不会再次触发该事件。该事件中可以放置初始化页面的一些事件。
ionViewWillEnter 即将进入一个页面变成当前激活页面的时候执行的事件。
ionViewDidEnter 进入了一个页面且变成了当前的激活页面,该事件不管是第一次进入还是缓存后进入都将执行。
ionViewWillLeave 将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。
ionViewDidLeave 在页面完成了离开该页面并变成了不是当前激活页面的时候执行的事件。
ionViewWillUnload 在页面销毁和页面中有元素移除之前执行的事件。
ionViewDidUnload 在页面销毁和页面中有元素移除之后执行的事件。

以上是关于Ionic 2 中生命周期的命名改变及说明的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用keepAlive及使用后生命周期的改变

ionic中,页面返回或者跳转,生命周期方法不生效的解决方案

vue中使用keepAlive及使用后生命周期的改变

ionic中ionicView的生命周期

转《ionic生命周期》

Ionic生命周期与注意点