uni-app 中 onReady 和 onLoad 的区别是什么?

推荐答案

在 uni-app 中,onLoadonReady 是两个常用的生命周期钩子函数,它们的主要区别在于触发的时机和用途:

  • onLoad:页面加载时触发,通常用于页面初始化操作,如获取页面参数、初始化数据等。
  • onReady:页面初次渲染完成时触发,通常用于操作 DOM 或执行依赖于页面渲染完成的操作。

本题详细解读

onLoad

  • 触发时机:页面加载时触发,且只触发一次。
  • 用途:适合在页面加载时进行一些初始化操作,比如获取页面传递的参数、请求数据、初始化页面状态等。
  • 示例代码
    -- -------------------- ---- -------
    ------ ------- -
      --------------- -
        -- ------- --------
        -------------------------- ---------
        -----------------
      --
      -------- -
        ----------- -
          -- ----
        -
      -
    -

onReady

  • 触发时机:页面初次渲染完成时触发,且只触发一次。
  • 用途:适合在页面渲染完成后进行一些 DOM 操作或执行依赖于页面渲染完成的操作,比如获取 DOM 元素、初始化第三方库等。
  • 示例代码
    -- -------------------- ---- -------
    ------ ------- -
      --------- -
        ------------------------
        ---------------
      --
      -------- -
        --------- -
          -- -----
        -
      -
    -

总结对比

生命周期钩子 触发时机 主要用途
onLoad 页面加载时触发 页面初始化、获取参数、请求数据等
onReady 页面初次渲染完成时触发 DOM 操作、初始化第三方库等

通过理解 onLoadonReady 的区别,开发者可以更好地利用这两个生命周期钩子函数来优化页面的加载和渲染流程。

纠错
反馈