微信小程序怎么获取前端的数据(前端开发-微信小程序的生命周期函数)
微信小程序怎么获取前端的数据(前端开发-微信小程序的生命周期函数)
微信小程序中生命周期函数分为三大类1、应用生命周期
2、页面生命周期
3、组件生命周期
一、应用级别的生命周期onLaunch(){
console.log('小程序初始化');
}
onShow() {
console.log('小程序显示');
}
onHide() {
console.log('小程序隐藏');
}
二、页面生命周期
onLoad(options) {
console.log('onLoad监听页面加载');
}
onReady() {
console.log('onReady监听页面初次渲染完成');
}
onShow() {
console.log('onShow监听页面显示');
}
onHide() {
console.log('onHide监听页面隐藏');
}
onUnload(){
console.log('onUnload监听页面卸载');
}
三、组件生命周期
Component({
lifetimes: {
created() {
console.log('组件实例刚刚被创建时执行');
}
attached() {
console.log('组件实例进入页面节点树时执行');
}
ready() {
console.log('组件在视图层布局完成后执行');
}
moved() {
console.log('组件实例被移动到节点树另一个位置时执行');
}
detached() {
console.log('组件实例被从页面节点树移除时执行');
}
error() {
console.log('组件方法抛出错误时执行');
}
}
// 组件的生命周期比较特殊,也可以在外层直接书写 不推荐
attached() {
// 在组件实例进入页面节点树时执行
}
...
})
四、周期函数的执行顺序
觉得效果不错的请帮忙加个关注点个赞,每天分享前端实用开发技巧