# 生命周期定义 >![](../../public_sys-resources/icon-note.gif) **说明：** >从API Version 5 开始支持。 我们为自定义组件提供了一系列生命周期回调方法，便于开发者管理自定义组件的内部逻辑。生命周期主要包括：onInit，onAttached，onDetached，onLayoutReady，onDestroy，onPageShow和onPageHide。下面我们依次介绍一下各个生命周期回调的时机。

属性

类型

描述

触发时机

onInit

Function

初始化自定义组件

自定义组件初始化生命周期回调，当自定义组件创建时，触发该回调，主要用于自定义组件中必须使用的数据初始化，该回调只会触发一次调用。

onAttached

Function

自定义组件装载

自定义组件被创建后，加入到Page组件树时，触发该回调，该回调触发时，表示组件将被进行显示，该声明周期可用于初始化显示相关数据，通常用于加载图片资源、开始执行动画等场景。。

onLayoutReady

Function

自定义组件布局完成

自定义组件插入Page组件树后，将会对自定义组件进行布局计算，调整其内容元素尺寸与位置，当布局计算结束后触发该回调。

onDetached

Function

自定义组件摘除

自定义组件摘除时，触发该回调，常用于停止动画或异步逻辑停止执行的场景。

onDestroy

Function

自定义组件销毁

自定义组件销毁时，触发该回调，常用于资源释放。

onPageShow

Function

自定义组件Page显示

自定义组件所在Page显示后，触发该回调。

onPageHide

Function

自定义组件Page隐藏

自定义组件所在Page隐藏后，触发该回调。
## 示例 ```
{{value}}
``` ``` //comp.js export default { data: { value: "组件创建" }, onInit() { console.log("组件创建") }, onAttached() { this.value = "组件挂载" }, onDetached() { this.value = "" }, onPageShow() { console.log("Page显示") }, onPageHide() { console.log("Page隐藏") } } ```