携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第13天，点击查看活动详情
小程序有3种生命周期 分别是：全局级别，页面级别、组件级别,下面我们就来分析一下
1.全局级别
全局的生命周期有四个
这个给大家画一个重点,一点要记得,也不多
App({
onLaunch() {
console.log('onLaunch监听小程的初始化，全局只触发一次')
},
onShow(){
console.log('onShow监听小程序的显示')
},
onHide(){
console.log('onHide监听小程序隐藏')
},
onError(){
console.log('onError监听小程序脚本错误')
}
})
2. 页面级别
页面的生命周期有8个
这个就是我们每次创建页面的时候,都会自动生成的,单词太长不记得也行,但是要清楚其用法,见其只意
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
})
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
组件级别
组件的生命周期有3个
这个相信大家记下来没得什么难度
Component({
/**
* 组件的初始数据
*/
data: {
},
created(){
console.log('created组件创建完成')
},
attached(){
console.log('attached组件挂在到页面')
},
detached(){
console.log('detached组件脱离页面')
}
})
好了,这边已经给大家介绍到这里,以上是我自己的理解,希望可以帮到大家, 欢迎留言我这边一定会第一时间给大家解答,喜欢的可以点赞收藏
🐣---->🦅 还需努力!大家一起进步!!!
