微信小程序组件初始化的生命周期lifetimes和pageLifetimes的区别

lifetimes

  lifetimes: {
    attached: function () {
      try {
       // 需要在初始化的时候做的操作
      } catch (e) {
      }
      console.log('lifetimes执行了qqq')
      // 在组件实例进入页面节点树时执行
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },

这个是在组件完全初始化完毕、进入页面节点树后, attached 生命周期被触发。存在初始化的值的话再这里赋值,打开扫码或不会刷新当前组件

pageLifetimes

pageLifetimes: {
    show: function() {
      // 页面被展示  初始化数据的时候操作
      console.log('pageLifetimes执行了qqq')
    },
    hide: function() {
      // 页面被隐藏
    },
    resize: function(size) {
      // 页面尺寸变化
    }
  },

组件所在的页面被展示时执行,初始化数据放在show内的时候 如果打开扫码扫完之后show又会被执行

初始化的时候的打印
在这里插入图片描述
点击了扫码之后关闭扫码弹框的打印
pageLifetimes的show被再次触发了
在这里插入图片描述

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值