>[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");
}
}
})
~~~
- 小程序了解
- webview 是什么
- Native App、Web App、Hybrid App
- 小程序架构模型
- 小程序配置文件
- app.js -- App函数
- 页面.js -- page
- 生命周期????
- 小程序 -- 页面wxml
- 小程序 -- WXS
- 小程序 -- 事件
- 小程序 -- 样式wxss
- 小程序 -- 组件开发
- 小程序 -- 组件插槽
- 小程序 -- 组件的生命周期
- 组件总结
- 小程序 -- 混入
- 小程序基本组件
- text -- 文本
- view -- 视图容器
- button -- 按钮
- image -- 图片
- scroll-view -- 滚动容器
- input -- 双向绑定
- 通用属性
- 小程序常用Api
- 微信网络请求
- 微信小程序弹窗
- 微信小程序分享
- 获取设备信息 / 获取位置信息
- Storage存储
- 页面跳转
- 小程序登录