介绍微信小程序中页面的生命周期函数和组件的生命周期函数

1.1 页面生命周期函数

这些函数主要用于管理页面的显示和隐藏。

• onLoad(options):

  • 页面加载时触发，options 是页面路由参数，可以在这里初始化数据。每当用户进入该页面时都会调用这个函数。

• onShow():

  • 页面显示时触发。每当页面从后台切换到前台时都会调用这个函数。在这个函数中可以进行一些数据的更新。

• onReady():

  • 页面初次渲染完成时触发。此时用户界面渲染完成，可以用于初始化一些组件或数据。

• onHide():

  • 页面隐藏时触发。此时可以停止一些不必要的操作，例如定时器，或者保存一些状态。

• onUnload():

  • 页面卸载时触发。这个函数在页面被关闭或者跳转时调用，适合进行清理工作，如注销网络请求或清除定时器等。

Page({data: {message: 'Hello WeChat!',},onLoad(options) {console.log('页面加载:', options);},onShow() {console.log('页面显示');},onReady() {console.log('页面初次渲染完成');},onHide() {console.log('页面隐藏');},onUnload() {console.log('页面卸载');}
});

 2. 组件生命周期函数

微信小程序的组件也有自己的生命周期函数，主要包括以下这些：
2.1 组件生命周期函数
•
`created()`：
•
组件实例被创建时触发，可以用于初始化数据，但此时尚未渲染。
•
`attached()`：
•
组件被添加到页面节点树时触发，适合进行一些需要 DOM 元素的操作。
•
`ready()`：
•
组件准备完成时触发，此时可以进行一些需要 DOM 元素的操作，比如操作节点或进行一些初始设置。
•
`moved()`：
•
组件实例被移动到节点树的位置时触发。
•
`detached()`：
•
组件从页面节点树中被移除时触发，适合进行一些清理操作。

Component({properties: {title: {type: String,value: '默认标题',},},created() {console.log('组件被创建');},attached() {console.log('组件被添加');},ready() {console.log('组件准备完成');},moved() {console.log('组件移动');},detached() {console.log('组件被移除');},
});