onLoad跟onLoadonShow的区别
发布网友
发布时间：2024-09-17 08:28
共1个回答
热心网友
时间：2024-09-28 03:46
在uniapp的世界里，页面的生命周期管理是开发者必须掌握的关键环节。这里有两种关键的生命周期钩子：应用生命周期和页面生命周期，它们各自有着独特的使用场景和触发时机。
应用生命周期</
这种生命周期仅限于在App.vue文件中监听，对于其他页面或自定义组件，其监听效果并不生效。然而，Vue的生命周期钩子在任何页面中都是通用的</，这对于理解整个应用的生命周期至关重要。
页面生命周期详解</
页面的生命周期经历加载、显示、完成、隐藏和卸载五个阶段。当页面加载时，会触发onLoad，然后是onShow，表示页面首次渲染完成；隐藏时触发onHide，卸载时则触发onUnload。这些关键点犹如页面表演的幕间剧，每一次转换都伴随着特定的事件触发。
onLoad与onLoadonShow的差异</
onLoad是页面加载的瞬间，仅执行一次，主要用于接收上一页面传递过来的数据，数据类型为对象，这对于携带参数的页面跳转尤其重要。例如，当从B页面返回A页面时，如果B页面对列表数据进行了多次修改，onLoad不会再次加载，确保数据的稳定性。
相比之下，onShow则更为灵活，它在页面显示时触发，包括从其他页面返回时。这使得它非常适合处理那些需要实时刷新或更新内容的情况，比如order订单列表这类数据。
何时选择</
列表页刷新</：如果二级页面B修改了列表内容，应将列表的更新放在onShow中，以确保每次显示都能获取最新的数据。
参数传递</：onLoad适用于从一个页面携带参数跳转，通过options参数传递数据，如：onLoad(options) { console.log(options.xxx) }。
数据稳定性</：数据变化少时，可以选择onLoad，保持页面的静态信息加载效率。
实时数据更新</：对于需要即时更新的视图，如order列表，应选择onShow来触发数据刷新。
理解并灵活运用onLoad和onShow，能让你在uniapp开发中游刃有余，确保页面的性能和用户体验。
