EmberJS - 组件生命周期



组件的生命周期包含根据渲染场景执行的三种方法。

在初始渲染时

  • init
  • didReceiveAttrs
  • willRender
  • didInsertElement
  • didRender

在重新渲染时

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

组件销毁时

  • willDestroyElement
  • willClearRender
  • didDestroyElement

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

序号 生命周期方式和说明
1 使用 didUpdateAttrs 对属性进行更改

didUpdateAttrs 钩子可在组件的属性发生更改且在重新渲染组件前被调用时使用。

2 使用 didReceiveAttrs 对属性进行更新

didReceiveAttrs 钩子可在 init 方法后使用,且在更新组件的属性时调用。

3 使用 didInsertElement 对第三方库进行使用

你可以使用此钩子在 DOM 元素中初始化并附加第三方库。

4 didRender 和呈现的 DOM

didRender 钩子在模板渲染时被调用以更新 DOM。

5 willDestroyElement 与分离和拆除

你可以通过触发 willDestroyElement 钩子从 DOM 中移除组件元素。

emberjs_component.htm
广告