ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
>[success] # 组件的生命周期 1. **组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发** 2. 其中,最重要的生命周期是 `created attached detached `,包含一个组件实例生命流程的最主要时间点 ![](https://img.kancloud.cn/da/e7/dae7dfb089542c22513b47a77b80e38e_1030x381.png) 3. 组件所在页面的生命周期,它们并非与组件有很强的关联,但有时组件需要获知,以便组件内部处理,样的生命周期称为“组件所在页面的生命周期”,在 pageLifetimes 定义段中定义。 ![](https://img.kancloud.cn/da/e2/dae241957013e826e7f635a227332650_1060x260.png) >[danger] ##### 案例 1. 在组件的`Component` 函数中定义 ~~~js Component({ lifetimes: { created() { console.log("组件被创建created"); }, attached() { console.log("组件被添加到组件树中attached"); }, detached() { console.log("组件从组件树中被移除detached"); } }, pageLifetimes: { show() { console.log("page show"); }, hide() { console.log("page hide"); } } }) ~~~