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

一.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')
    }

  }
相关推荐
weixin_lynhgworld3 小时前
旧物新生,从二手回收小程序开启绿色生活
小程序·生活·旧物回收
從南走到北5 小时前
智尚招聘求职小程序v1.0.23
微信小程序·小程序
2501_915918419 小时前
掌握 iOS 26 App 运行状况,多工具协作下的监控策略
android·ios·小程序·https·uni-app·iphone·webview
知识分享小能手9 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
2501_9159090612 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆与加固(源码 + 成品 + 运维一体化方案)
android·运维·ios·小程序·uni-app·iphone·webview
狂团商城小师妹12 小时前
智尚房产中介小程序
微信小程序·小程序
狂团商城小师妹16 小时前
预约洗车小程序
微信小程序·小程序
future_studio16 小时前
聊聊 Unity(小白专享、C# 小程序 之 图片播放器)
unity·小程序·c#
Q_Q51100828520 小时前
python+uniapp基于微信小程序的心理咨询信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
HuYi_code1 天前
WeChat 小程序下载文件实现
微信小程序·uni-app