App(Object object)
注册小程序。接受一个 Object 参数,其指定小程序的生命周期回调等。
App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。
App({
onLaunch (options) {
// 小程序初始化完成时触发,全局只触发一次。
},
onShow (options) {
// 小程序启动,或从后台进入前台显示时触发。
},
onHide () {
// 小程序从前台进入后台时触发。
},
onError (msg) {
//小程序发生脚本错误或 API 调用报错时触发。
console.log(msg)
},
onPageNotFound(Object object){
wx.redirectTo({
url: 'pages/...'
}) // 如果是 tabbar 页面,请使用 wx.switchTab
}
globalData: 'I am global data'
})
page 生命周期
// pages/index/index.js
Page({
data: { //页面的初始数据
},
onLoad: function (options) {
//生命周期函数--监听页面加载
},
onReady: function () {
//生命周期函数--监听页面初次渲染完成
},
onShow: function () {
//生命周期函数--监听页面显示
},
onHide: function () {
//生命周期函数--监听页面隐藏
},
onUnload: function () {
//生命周期函数--监听页面卸载
},
onPullDownRefresh: function () {
//页面相关事件处理函数--监听用户下拉动作
},
onReachBottom: function () {
//页面上拉触底事件的处理函数
},
onShareAppMessage: function () {
//用户点击右上角分享
}
})
component 生命周期
Component({
behaviors: [], // 是用于组件间代码共享的特性
properties: {// 属性定义
myProperty: { // 属性名
type: String,
value: ''
},
myProperty2: String, // 简化的定义方式
min: {
type: Number,
value: 0,
observer: function(newVal, oldVal) {
// 属性值变化时执行,相当于计算属性 computed
}
}
},
data: {}, // 私有数据,可用于模板渲染
lifetimes: {
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
attached: function () { },
moved: function () { },
detached: function () { },
},
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
attached: function () { }, // 此处attached的声明会被lifetimes字段中的声明覆盖
ready: function() { },
pageLifetimes: {
// 组件所在页面的生命周期函数
show: function () { },
hide: function () { },
resize: function () { },
},
methods: {
}
// ...
})