微信小程序 生命周期 时间钩子 解释

微信小程序

【页面生命周期】：

 onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
},
onReady: function () {
   // 页面渲染完成
}, 
onShow: function () {
    // 页面显示
},
 onHide: function () {
    // 页面隐藏
}, 
onUnload: function () {
    // 页面关闭
}

【组件的生命周期】：

 created:function () {
   //组件实例化，但节点树还未导入，因此这时不能用setData
     
 }，

attached:function () {
   //节点树完成，可以用setData渲染节点，但无法操作节点
     
 }，

ready:function () {
   //组件布局完成，这时可以获取节点信息，也可以操作节点
     
 }，

moved:function () {
   //组件实例被移动到树的另一个位置
     
 }，

detached:function () {
   //组件实例从节点树中移除
     
 }，

created 组件实例化，但节点树还未导入，因此这时不能用setData

attached 节点树完成，可以用setData渲染节点，但无法操作节点

ready 组件布局完成，这时可以获取节点信息，也可以操作节点

moved 组件实例被移动到树的另一个位置

detached 组件实例从节点树中移除

created 组件实例化，但节点树还未导入，因此这时不能用setData

attached 节点树完成，可以用setData渲染节点，但无法操作节点

ready 组件布局完成，这时可以获取节点信息，也可以操作节点

moved 组件实例被移动到树的另一个位置

detached 组件实例从节点树中移除