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

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

  }
相关推荐
shitian08111 小时前
用轻量云服务器搭建一个开源的商城系统,含小程序和pc端
服务器·小程序·开源
计算机-秋大田2 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
说私域9 小时前
私域流量圈层在新消费时代的机遇与挑战:兼论开源 AI 智能名片、2 + 1 链动模式、S2B2C 商城小程序的应用
人工智能·小程序
亥时科技12 小时前
相亲小程序(源码+文档+部署+讲解)
java·小程序·开源·源代码管理
wayuncn12 小时前
网站小程序app怎么查有没有备案?
小程序
2401_8441379514 小时前
PHP中小学优校管理系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
iSee85717 小时前
美团代付微信小程序 read.php 任意文件读取漏洞复现
微信小程序·小程序·php
V+zmm1013417 小时前
小说实体书商城微信小程序ssm+论文源码调试讲解
java·小程序·毕业设计·mvc·ssm·课程设计
V+zmm1013419 小时前
校园服务平台小程序ssm+论文源码调试讲解
java·小程序·毕业设计·mvc·课程设计·1024程序员节
xiaaaa.z1 天前
【小程序】封装网络请求request模块
小程序