1. 页面加载顺序
onLoad(Object query) 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
onShow() 页面显示/切入前台时触发。
onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
2. 创建自定义组件
Component({
properties:{
innerText:{
type:String
}
},
data:{
},
methods:{
},
created:function(){
// 组件生命周期函数，在组件实例进入页面节点树时执行，
//注意此时不能调用setData
console.log('Component-1 >> created');
},
attached:function(){
// 组件生命周期函数，在组件实例进入页面节点树时执行。
console.log('Component-1 >> attached');
},
ready:function(){
// 在组件布局完成后执行，此时可以获取节点信息
// (组件生命周期函数-在组件布局完成后执行)
console.log('Component-1 >> ready');
},
moved:function(){
// 在组件实例被移动到节点树另一个位置时执行
console.log('Component-1 >> moved');
},
detached:function(){
// 在组件实例被从页面节点树移除时执行
console.log('Component-1 >> detached');
},
lifetimes:{
// 组件生命周期声明对象，将组件的生命周期收归到该字段进行声明///，
//原有声明方式仍旧有效，如同时存在两种声明方式
// ，则lifetimes字段内声明方式优先级最高
created:function(){
console.log('Component-1 lifetimes >> created');
},
attached:function(){
console.log('Component-1 lifetimes >> attached');
},
ready:function(){
console.log('Component-1 lifetimes >> ready');
},
moved:function(){
console.log('Component-1 lifetimes >> moved');
},
detached:function(){
console.log('Component-1 lifetimes >> detached');
}
},
pageLifetimes:{
// 组件所在页面的生命周期声明对象，
//目前仅支持页面的show和hide两个生命周期
show:function(){
console.log('Component-1 pageLifetimes >> Show');
},
hide:function(){
console.log('Component-1 pageLifetimes >> Hide');
}
}
})
本文为CSDN博主「幻想的小飞」的原创文章， 原文链接：blog.csdn.net/qq_35872379…
