小程序的生命周期

129 阅读1分钟

应用生命周期

App({
    onLauch(){  //监听小程序初始化
    } 
    onShow(){  //监听小程序显示
    } 
    onHide(){  //监听小程序隐藏
    } 
    onError(){  //错误监听函数
    }
})

页面生命周期

Page({
     onLoad(){  //监听页面加载
     } 
     onShow(){  //监听页面显示
     } 
     onReady(){  //监听页面初次渲染完成
     } 
     onHide(){  //监听页面隐藏
     } 
     onUnload(){  监听页面卸载
     }
})

组件的生命周期

Component({
    lifetimes:{
        created(){
        //-   组件实例刚刚被创建好时, `created` 生命周期被触发。此时,组件数据 `this.data` 就是在 `Component` 构造器中定义的数据 `data` 。 **此时还不能调用 `setData` 。**  通常情况下,这个生命周期只应该用于给组件 `this` 添加一些自定义属性字段。
        }
        attached(){
        //-   在组件完全初始化完毕、进入页面节点树后, `attached` 生命周期被触发。此时, `this.data` 已被初始化为组件的当前值。这个生命周期很有用,绝大多数初始化工作可以在这个时机进行。
        }
        detached(){
        //-   在组件离开页面节点树后, `detached` 生命周期被触发。退出一个页面时,如果组件还在页面节点树中,则 `detached` 会被触发。
        }
    }

})