页面的生命周期

//打印一些log
index:
Page({

/**
* 页面的初始数据
*/
data: {
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("index page onload");
},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log("index page Ready");
},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("index page onShow");
},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log("index page onHide");
},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log("index page onUnload");
}
})

//app
App({
/**
* 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
*/
onLaunch: function () {
console.log("App Launch")
},

/**
* 当小程序启动，或从后台进入前台显示，会触发 onShow
*/
onShow: function (options) {
console.log("App Show")
},

/**
* 当小程序从前台进入后台，会触发 onHide
*/
onHide: function () {
console.log("App Hide")
},
/**
* 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
*/
onError: function (msg) {
console.log("App Error")
}
})

//让我们给“文章1”添加1个事件：点击“文章1”就跳转到“文章小结”页面
//改一下文章标题

//我们看一下“文章详情”的生命周期
logs.js
Page({

/**
* 页面的初始数据
*/
data: {

},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("log page onload");
},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

console.log("log page Ready");
},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("log page onShow");
},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log("log page onHide");
},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log("log page onUnload");
},

/----------------------》
当1个页面转向另外1个页面，会触发onHide()方法，从另外1个页面返回到原来的页面，会触发onShow方法------------》前后台转换
app Hide app Show
index onHide index onShow
每个页面在被创建的时候，会触发onLoad方法，onShow用来绑定数据，onReady表示我们页面已经正常显示，onUnload表示我们页面被卸载/

///除了

itemClick:function(){

wx.navigateTo({
url：“”
})

}

跳转方法之外，还有1种跳转方法

wx.redirectTo({

url:"../logs/logs"
})

navigateTO和redirectTO区别
redirectTo：把主页卸载掉，替换成另外1个页面

//另外1种生命周期的方式–tabBar

//添加导航

//点了“详情”