作者:BillyJiang,来自原文地址
页面的生命周期
页面跳转的数据传递
1.了解页面的生命周期(利用quickstart项目)
index.wxml
-
<view class="container">
-
<view class="usermotto">
-
<text class="user-motto" >文章1</text>
-
</view>
-
<view class="usermotto">
-
<text class="user-motto">文章2</text>
-
</view>
-
</view>
index.js
-
Page({
-
data:{
-
-
},
-
onLoad:function(options){
-
// 生命周期函数--监听页面加载
-
console.log("index onLoad")
-
},
-
onReady:function(){
-
// 生命周期函数--监听页面初次渲染完成
-
console.log("index onReady")
-
},
-
onShow:function(){
-
// 生命周期函数--监听页面显示
-
console.log("index onShow")
-
},
-
onHide:function(){
-
// 生命周期函数--监听页面隐藏
-
console.log("index onHide")
-
},
-
onUnload:function(){
-
// 生命周期函数--监听页面卸载
-
console.log("index onUnload")
-
},
-
onPullDownRefresh: function() {
-
// 页面相关事件处理函数--监听用户下拉动作
-
String7
-
},
-
onReachBottom: function() {
-
// 页面上拉触底事件的处理函数
-
String8
-
},
-
onShareAppMessage: function() {
-
// 用户点击右上角分享
-
return {
-
title: 'title', // 分享标题
-
desc: 'desc', // 分享描述
-
path: 'path' // 分享路径
-
}
-
}
-
})
logs.js
-
Page({
-
data:{
-
-
},
-
onLoad:function(options){
-
// 生命周期函数--监听页面加载
-
console.log("log onLoad")
-
},
-
onReady:function(){
-
// 生命周期函数--监听页面初次渲染完成
-
console.log("log onReady")
-
},
-
onShow:function(){
-
// 生命周期函数--监听页面显示
-
console.log("log onShow")
-
},
-
onHide:function(){
-
// 生命周期函数--监听页面隐藏
-
console.log("log onHide")
-
},
|