微信小程序的组件的生命周期
一 组件全部的生命周期函数
小程序组件可用的全部生命周期如下表所示。
二 组件主要的生命周期函数
在小程序组件中,最重要的生命周期函数有 3 个,分别是 created、attached、detached。它们各自的特点如下:
1 组件实例刚被创建好的时候,created 生命周期函数会被触发
此时还不能调用 setData
通常在这个生命周期函数中,只应该用于给组件的 this 添加一些自定义的属性字段
2 在组件完全初始化完毕、进入页面节点树后, attached 生命周期函数会被触发
此时, this.data 已被初始化完毕
这个生命周期很有用,绝大多数初始化的工作可以在这个时机进行(例如发请求获取初始数据)
3 在组件离开页面节点树后, detached 生命周期函数会被触发
退出一个页面时,会触发页面内每个自定义组件的 detached 生命周期函数
此时适合做一些清理性质的工作
三 lifetimes 节点
在小程序组件中,生命周期函数可以直接定义在 Component 构造器的第一级参数中,可以在lifetimes 字段内进行声明(这是推荐的方式,其优先级最高)。示例代码如下。
微信小程序的组件的生命周期相关推荐
- 微信小程序_16,组件的生命周期
组件的全部生命周期函数: 小程序可用的全部生命周期如下表所示: 生命周期函数 参数 描述说明 created 无 在组件实例刚刚被创建时执行 attached 无 在组件实例进入页面节点树时执行 re ...
- 【微信小程序】组件的生命周期及自定义组件
文章目录 组件的生命周期 自定义组件的生命周期函数 执行顺序 组件常用的生命周期函数 lifetimes节点 组件所在页面的生命周期函数 pageLifetimes节点 自定义组件 创建自定义组件 创 ...
- 微信小程序父子组件传值问题
微信小程序父子组件传值问题 把自己碰到的问题或者学到的东西在这里总结,慢慢积累 在父子组件传值时,我发现子组件竟然拿不到父组件传过来的值. 我指的拿不到父组件的值,是指在子组件的生命周期created ...
- 微信小程序之组件 —— 微信小程序教程系列(19)
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
- 微信小程序--自定义组件(超详细 从新建到使用)
微信小程序–自定义组件 微信小程序官网介绍! 本文提供给急需使用自定义组件人群,以下是博主个人理解和案例!可以辅助官网来看 介绍: 从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程.所 ...
- 微信小程序自定义组件的基本使用
微信小程序自定义组件的基本使用 组件与模块类似,实现了功能的复用,提高开发速率,减少代码量 在开发过程中 , 总会遇到一些功能板块是相同或很类似的 .如两个不同页面都有搜索框 , 或者 导航栏等 . ...
- 小程序组件onload_微信小程序自定义组件(一)
好吧,突然发现学不完了,一下子,那就分开吧,由于时间太久,直接重新大致复习了一下 微信小程序自定义组件 微信小程序支持自定义组件 下方的目录 其中,components为组件目录,nodemodule ...
- 一步步教你实现微信小程序自定义组件
一步步教你实现微信小程序自定义组件 更新时间:2022年03月21日 11:12:34 作者:naluduo233 之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,下面这篇文章主 ...
- 微信小程序自定义组件,提示组件
微信小程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段.仅供参考和学习. 编写组件: 在根目录下添加"components"目录,然后像添加Page ...
最新文章
- p3c插件 离线安装_IntelliJ IDEA18个常用插件,动图演示,让你效率翻倍!
- Android时间选择器对话框的使用
- 通讯录新建分组功能php,微信通讯录分组怎么设置
- 一张图清晰明了将Java面向对象全部搞定!
- 体验Rabbitmq强大的【优先级队列】之轻松面对现实业务场景
- AI应用开发实战系列之四 - 定制化视觉服务的使用
- Map 和 WeakMap
- php7 一句话木马,PHP一句话木马研究
- 在电脑上怎么做报表新手_电脑excel表格数据图-初学者在电脑上如何制作电子表格...
- php自定义表单程序,自定义流程gooflow2.0+自定义表单
- 打码兔官网 验证码识别 远程答题服务 代答平台 验证码识别软件下载
- android toast通知关闭,Android Toast通知用法实例详解
- 提高团队协作效率就靠它们了!
- EduCoder-Web程序设计基础-html5—表格高级样式的设置-第5关:表格的综合案例
- 黑白照片转换成彩色照片(无需任何编程)
- VS调用大恒相机sdk实时显示图像并进行图像处理+OPENCV
- 网线专业测试软件,网线测试仪怎么用_网线测试仪的使用方法图解
- kankan including About CE
- 连接Oracle时报错ora-01034与ORA-27101
- Win10系统的截图功能 几种快捷键 以及QQ附带的截图功能
热门文章
- Android实现附件预览
- Android Preference 调用setDefaultValue设置默认值不生效;应该使用setValueIndex
- Android面试题及答案整理(2022年最新Android面试题大全带答案)
- Vim插件管理器——Vundle
- h3c s5048交换机基本配置
- 【大数据实战】Docker中Hadoop集群搭建
- java jpa自身关联查询_使用JPA进行数据查询和关联查询
- matlab续流二极管,[2018年最新整理]单相桥式全控整流电路(纯电阻_阻感_续流二极管_反电动势).doc...
- 【暴利项目】一个人就能创业的赚钱项目,踏踏实实年入15-20万
- java logback策略输出无效,如何修改覆盖spring boot默认日志策略logback详解