ページの読み込み順序
onLoad(Object query) ページがロードされたときにトリガーされます。1つのページに対して一度だけ呼び出され、onLoadパラメータで開く現在のページのパスでパラメータを取得できます。
onShow() ページがフォアグラウンドに表示/カットされたときにトリガーされます。
onReady() ページが最初にレンダリングされたときにトリガーされます。ページに対して一度だけ呼び出され、ページがビューレイヤーと対話する準備ができたことを意味します。
カスタムコンポーネントの作成
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:{
// コンポーネントのライフサイクルをこのフィールドに宣言する。，
//2つの宣言メソッドが同時に存在する場合でも、元の宣言メソッドは有効である。
// ，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:function(){
console.log('Component-1 pageLifetimes >> Show');
},
hide:function(){
console.log('Component-1 pageLifetimes >> Hide');
}
}
})
