微信小程序学习第9天——自定义组件的生命周期与组件所在页面的生命周期
2023-09-11 14:21:26 时间
一、组件的生命周期
1、全部的生命周期函数
生命周期函数 | 参数 | 说明 |
---|---|---|
created | 无 | 组件实例刚被创建好时,执行created函数 |
attached | 无 | 完全初始化完毕、进入页面节点树后,执行attached 函数 |
ready | 无 | 组件在视图层布局完成时执行 |
moved | 无 | 组件实例被移动到节点树另一个位置时执行 |
detached | 无 | 组件实例被从页面节点树移除时执行 |
error | Object Error | 每当组件方法抛出错误时执行 |
2、主要的生命周期函数
主要的生命周期函数 | 特点 | 用途 |
---|---|---|
created | 此时还不能调用setData | 只应该用于给组件的this添加一些自定义的属性字段 |
attached | this.data已初始化完毕 | 绝大多数初始化的工作可以在这个时机进行(例如发请求获取初始数据) |
detached | 退出页面时触发页面内每个自定义组件的 detached 函数 | 做一些清理性质的工作 |
3、lifetimes节点
组件的生命周期函数,需要定义在lifetimes节点
中
Component({
lifetimes:{
attached(){ }
},
二、组件所在页面的生命周期
有时,自定义组件的行为依赖于页面状态的变化
,此时就需要用到组件所在页面的生命周期
。
1、组件所在页面的生命周期函数
生命周期函数 | 参数 | 说明 |
---|---|---|
show | 无 | 组件所在页面被展示时执行 |
hide | 无 | 组件所在页面被隐藏时执行 |
resize | Object Size | 组件所在页面尺寸变化时执行 |
2、pageLifetimes节点
组件所在页面的生命周期函数,需要定义在 pageLifetimes 节点
中
Component({
pageLifetimes:{
show(){ }
},
相关文章
- Django之Form组件(一)
- 微信小程序:自定义组件的数据传递
- 微信小程序_(表单组件)checkbox与label
- 微信小程序_(表单组件)button组件的使用
- 微信小程序_(组件)scroll-view可滚动视图
- 微信小程序_(组件)view视图容器
- 微信小程序_(组件)组件基础
- Android活动组件的基本用法
- Java实现 LeetCode 817 链表组件(暴力)
- 第二百零五节,jQuery EasyUI,Messager(消息窗口)组件
- 第二百零二节,jQuery EasyUI,Layout(布局)组件
- el-upload文件上传组件
- 【Oracle 集群】ORACLE DATABASE 11G RAC 知识图文详细教程之RAC 工作原理和相关组件(三)
- 教你如何自定义组件
- 微信小程序----map组件实现(高德地图API实现wx.chooseLocation(OBJECT))
- 微信小程序----map组件实现(路线规划)
- 微信小程序----checkbox组件
- 微信小程序----scroll-view组件(MUI索引列表)滚动动画
- 微信小程序----progress组件
- 微信小程序----switch组件(开关选择器)
- 微信小程序----gallery slider(图片轮播)组件
- 安装kube-prometheus项目:k8s部署prometheus、监控k8s核心组件、添加告警(微信、钉钉、企业微信)、进行数据持久化
- ceph主要组件介绍
- [Link]TCPDF组件
- 微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序
- 微信小程序开发学习笔记(二)——小程序框架、组件、WXML
- react.js父子组件通信
- 解决k8s核心组件calico pod资源不创建问题
- k8s部署dns组件和heapster监控(十二)
- Hortonworks HDP Sandbox定制(配置)开机启动服务(组件)
- 微信小程序_uni-app_轮播图组件_swiper
- 微信小程序自定义组件
- 11-组件化高级
- uni-app组件开发----多粒度时间选择器组件