微信小程序组件所在页面的生命周期

一 什么是组件所在页面的生命周期

有时，自定义组件的行为依赖于页面状态的变化，此时就需要用到组件所在页面的生命周期。

例如：每当触发页面的 show 生命周期函数的时候，我们希望能够重新生成一个随机的 RGB 颜色值。

在自定义组件中，组件所在页面的生命周期函数有如下 3 个。

二 pageLifetimes 节点

组件所在页面的生命周期函数，需要定义在 pageLifetimes 节点中。

Component({

  pageLifetimes: {

    show() { // 页面被展示时执行

      console.log('show')

      this._randomColor()

    },

    hide() { // 页面被隐藏时执行

      console.log('hide')

    },

    resize() { // 页面尺寸变化时执行

      console.log('resize')

 &n