组件生命周期(Component Lifecycle)
优质
小牛编辑
134浏览
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中删除组件元素。 |