UniApp `onShow` 和 `onLoad` 区别以及执行顺序

  • 都是两个生命周期钩子函数,用于控制页面的初始化和显示逻辑
  1. onLoadonLoad 生命周期钩子函数在页面加载时触发,表示页面的初始化过程。在该函数中,可以进行数据的初始化、网络请求等操作。通常用于获取页面参数、初始化数据等。在多数情况下,onLoad 函数只会在页面初始化时执行一次。

  2. onShowonShow 生命周期钩子函数在页面展示时触发,表示页面被显示到前台。当页面从后台切换到前台时,也会触发 onShow 函数。在该函数中,可以处理页面显示相关的逻辑,例如刷新数据、更新UI等。onShow 函数可能会多次执行,因为页面在切换后台和前台之间多次切换时都会触发。

执行顺序:

  1. 首次加载页面时,首先触发 onLoad 函数,用于页面的初始化。

  2. 页面初始化完成后,页面会被展示到前台,此时会触发 onShow 函数。

  3. 当页面再次被切换到后台,然后再次切换到前台时,会再次触发 onShow 函数。

 总结: onLoad 是在页面加载时触发,用于页面的初始化操作,只执行一次。onShow 是在页面展示时触发,用于处理页面显示相关的逻辑,可能会多次执行,包括页面首次展示和从后台切换到前台时。

你可能感兴趣的:(前端技术栈Uniapp必备,uni-app,前端)