什么是生命周期钩子

作者: Monee121 | 来源:发表于2018-01-19 14:20 被阅读0次

什么是生命周期钩子

 简单点来说生命周期钩子就是Angular中一个组件从被创建当销毁期间的一些有意义的关键时刻.这些关键时刻在Angular中被Angular核心模块 @angular/core 暴露出来,赋予了我们在它们发生时采取行动的能力.

指令和组件的实例有一个生命周期:新建、更新和销毁。

每个接口都有唯一的一个钩子方法,它们的名字是由接口名加上 ng前缀构成的。比如,OnInit接口的钩子方法叫做ngOnInit。

生命周期顺序简写

在Angular通过构造函数创建组件/指令时,它调用这些生命周期钩子方法的顺序是:

ngOnChanges:在ngOnInit之前,当数据绑定输入属性的值发生变化时。

ngOnInit:在第一次ngOnChanges之后。

ngDoCheck:每次Angular变化检测时。

ngAfterContentInit:在外部内容放到组件内之后。

ngAfterContentChecked:在放到组件内的外部内容每次检查之后。

ngAfterViewInit:在初始化组件视图和子视图之后。

ngAfterViewChecked:在妹子组件视图和子视图检查之后。

ngOnDestroy:在Angular销毁组件/指令之前。

除此之外,一些组件还提供了自己的生命周期钩子。例如router有routerOnActivate

相关文章

  • vue 获取节点 获取事件

    vue 生命周期 什么是钩子函数 一开始就执行的 就是钩子函数 vue 钩子函数 也称作为生命周期 befor...

  • Vue的11个生命周期

    Vue的11个生命周期 什么是生命周期钩子?所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数...

  • angular生命周期

    大纲 1、angular生命周期是什么2、生命周期钩子分类3、Angular 2 指令生命周期钩子的作用及调用顺序...

  • Vue中生命周期钩子函数以及组件之间传值

    一 什么是生命周期钩子? 生命周期钩子是在Vue对象生命周期的某个阶段执行的已定义方法。从初始化开始到它被破坏时,...

  • vue实例对象--的生命周期

    创建vue基本操作 执行这段代码时vue到底做了什么 什么是生命周期 什么是生命周期钩子 生命周期函数 befor...

  • 详细的分析 Vue生命周期

    Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...

  • vue前端面试题

    1、vue的生命周期钩子总共有几个,每一个生命周期主要是做什么事? 8个生命周期钩子 beforeCreatevu...

  • Vue生命周期

    什么是生命周期方法?生命周期钩子=生命周期函数=生命周期事件 Vue生命周期方法分类  创建期间的生命周期方法: ...

  • vue生命周期钩子函数详解

    官方链接:实例生命周期钩子 一.什么是生命周期钩子函数: 每个 Vue 实例在被创建时都要经过一系列的初始化过程—...

  • Vue生命周期中钩子函数整理

    什么是生命周期? Vue实例从创建到销毁的过程。 Vue钩子 Vue(2.x)的一个生命周期中有11个钩子,接下来...

网友评论

    本文标题:什么是生命周期钩子

    本文链接:https://www.haomeiwen.com/subject/nibooxtx.html