小程序中常用生命周期函数-三个级别

页面级别

1. onLoad(options)：页面加载时触发。它只会在页面初次加载时触发一次，适用于初始化数据或处理页面参数。

   Page({
     onLoad(options) {
       console.log('页面加载', options);
       // 初始化数据
       this.setData({
         id: options.id
       });
     }
   });
   

2. onShow()：监听页面显示，每次打开页面都会调用一次。常用于每次进入页面时刷新数据。

   Page({
     onShow() {
       console.log('页面显示');
       // 每次进入页面时刷新数据
       this.fetchData();
     }
   });
   

3. onReady：监听页面初次渲染完成，一个页面只会调用一次。可以在此事件中进行界面渲染和交互操作等操作。

   Page({
     onReady() {
       console.log('页面初次渲染完成');
       // 在页面渲染完成后执行操作
       this.initAnimation();
     }
   });
   

4. onHide：页面隐藏时触发。当页面从前台切