私域电商软件及相关增值服务提供商    

关于严厉谴责冒用我司名义发布虚假招聘信息严正声明 北京:4006-601-982 / 深圳:4008-400-198 / 长沙:4006-089-731
免费试用
微信小程序开发组件生命周期
作者: --时间: 阅读量:

微信小程序的组件生命周期是指组件自身的一些函数,它们会在特殊时间点或遇到一些特殊框架事件时自动触发。其中最重要的生命周期包括 created、attached、和 detached:

  1. created

    当一个组件实例刚被创建时,created 生命周期会被触发。此时,组件数据 this.data 就是在 Component 构造器中定义的数据 data,不能调用 setData。通常情况下,这个生命周期只应该用于给组件 this 添加一些自定义属性字段。可用的全部生命周期如下表所示:

    生命周期 参数 描述 ***版本
    created 无 在组件实例刚刚被创建时执行 1.6.3
    attached 无 在组件实例进入页面节点树时执行 1.6.3
    ready 无 在组件在视图层布局完成后执行 1.6.3
    moved 无 在组件实例被移动到节点树另一个位置时执行 1.6.3
    detached 无 在组件实例被从页面节点树移除时执行 1.6.3
    error Object Error 每当组件方法抛出错误时执行 2.4.1
  2. attached

    在组件完全初始化并进入页面节点树后,attached 生命周期被触发。此时,this.data 已被初始化为组件的当前值,这个生命周期很有用,大多数初始化工作可以在这个时机进行。

  3. detached

    在组件离开页面节点树后,detached 生命周期被触发。退出一个页面时,如果组件还在页面节点树中,则 detached 会被触发。

定义生命周期方法

生命周期方法可以直接定义在 Component 构造器的第一级参数中,如下:

Component({
  attached: function() {
    // 在组件实例进入页面节点树时执行
  },
  detached: function() {
    // 在组件实例被从页面节点树移除时执行
  },
})

自小程序基础库版本 2.2.3 起,组件的生命周期也可以在 lifetimes 字段内进行声明(这是推荐的方式,其优先级最高):

Component({
  lifetimes: {
    attached: function() {
      // 在组件实例进入页面节点树时执行
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
  • B2B2C多用户商城系统
    支持企业自营与商户入驻模式共存 会员一站式精细化营销工具 多用户分销,带来爆发式增长

    系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式),帮助企业打造生态级商业平台为目的的电子商务系统。

    免费试用系统
  • B2B2B电商交易系统
    优化供应链协作 授信及账期支付 商品按照数量阶梯设价

    全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。

    免费试用系统
  • S2B2B电商交易系统
    供销一体化,提高市场集中度 集团管控一体化,有效实现供需匹配 移动应用一体化,提高运营综合效率

    上下游资源整合数字化解决方案,赋能产业供应链,构建产业互联网生态体系。

    免费试用系统
一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
B2B2C多用户商城系统

类天猫&京东模式系统

了解更多
B2B2B电商交易系统

全渠道订货/采购及经销商管
理数字化系统

了解更多
S2B2B电商交易系统

上下游资源整合数字化解决方
案

了解更多
企业集采商城系统

中大型企业数字化采购与交易
系统

了解更多
员工福利商城系统

集福利管理、发放于一体的员
工福利商城

了解更多

Baidu
map