当前位置: 首页 > 文档资料 > EmberJS 入门教程 >

组件生命周期(Component Lifecycle)

优质
小牛编辑
133浏览
2023-12-01

组件的生命周期包含三个根据渲染方案执行的方法。

在初始渲染

  • init
  • didReceiveAttrs
  • willRender
  • didInsertElement
  • didRender

On Re-Render

  • didUpdateAttrs
  • didReceiveAttrs
  • willUpdate
  • willRender
  • didUpdate
  • didRender

关于组件破坏

  • willDestroyElement
  • willClearRender
  • didDestroyElement

下表列出了在组件中使用生命周期钩子的不同方法 -

S.No.生命周期方式和描述
1使用didUpdateAttrs进行属性更改

在重新呈现组件之前,组件的属性已更改并调用时,可以使用didUpdateAttrs钩子。

2使用didReceiveAttrs的属性

didReceiveAttrs挂钩可以在init方法之后使用,并在更新组件的属性时调用。

3使用didInsertElement的第三方库

您可以使用此挂钩初始化第三方库并将其附加到DOM元素中。

4用didRender渲染DOM

调用didRender钩子以在呈现模板时对DOM进行更新。

5使用willDestroyElement分离和拆除

您可以通过触发willDestroyElement挂钩从DOM中删除组件元素。