- EmberJS 教程
- EmberJS - 主页
- EmberJS - 概览
- EmberJS - 安装
- EmberJS - 核心概念
- 创建和运行应用程序
- EmberJS - 对象模型
- EmberJS - 路由器
- EmberJS - 模板
- EmberJS - 组件
- EmberJS - 模型
- EmberJS - 管理依赖项
- EmberJS - 应用程序关注点
- EmberJS - 配置 Ember.js
- EmberJS - Ember 检查器
- EmberJS 有用资源
- EmberJS - 快速指南
- EmberJS - 有用资源
- EmberJS - 讨论
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
广告