深入理解 uni-app 页面生命周期（二）：onReady()

当我们在uni-app中定义了onReady生命周期函数时，它将在页面初次渲染完成时触发。这个时机通常在onLoad之后，表示页面已经完成初次渲染，可以进行一些 DOM 操作或其他一次性的初始化工作。

下面是一个简单的示例，演示了如何使用onReady生命周期函数：

// 在页面的 page.js 文件中

export default {
  data() {
    return {
      message: 'Hello, onReady!',
    };
  },
  onLoad(options) {
    console.log('onLoad', options);
    // 在onLoad中可以获取到参数options
  },
  onReady() {
    console.log('onReady');
    // 在onReady中可以进行一次性的初始化工作，如DOM操作
    this.doSomeInitialization();
  },
  methods: {
    doSomeInitialization() {
      // 一次性的初始化工作，例如DOM操作
      console.log('Initialization complete');
    },
    // 其他方法
  },
  // 其他生命周期函数和配置项
};

在上述示例中，onReady生命周期函数被用来调用doSomeInitialization方法，这个方法可以包含一些需要在页面初次渲染完成后进行的初始化工作。

请注意，onReady生命周期函数的触发时机是在页面初次渲染完成时，如果有需要在每次页面显示时执行的操作，可以使用onShow生命周期函数。