微信小程序-自定义组件生命周期

一.created

组件实例创建完毕调用。定义在lifetimes对象里。

不能在方法里面更改data对象里面的值,但是可以定义属性值。

复制代码
  lifetimes:{
    //不能给data设置值
    created(){
      this.test='aa'
      console.log("created")   
    }
    }

二. attached

模板解析完成挂载到页面。

可以更改data对象的值,而且可以使用created的属性值。

复制代码
  lifetimes:{
    attached(){
      console.log('attached')
      console.log(this.test)
    }
    }

三. detached

组件销毁时调用。

复制代码
  lifetimes:{
    detached(){
      console.log('detached')
    }
    }

四.执行顺序

五.组件所在页面的生命周期

show:组件所在页面被展示时候,后台切前台,tabbar等

hide:组件所在页面被隐藏,前台切后台

用在 pageLifetimes对象里面

复制代码
  pageLifetimes:{
    //组件所在页面被展示时候,后台切前台,tabbar等
    show(){
      console.log('show')
    },
     //组件所在页面被隐藏,前台切后台
    hide(){
      console.log('hide')
    }

  }
相关推荐
说私域2 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
一渊之隔4 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun8 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-54588 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ1 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳2 天前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui