uni中onLoad与onShow周期的区别

一、说明

页面周期参考网址：https://uniapp.dcloud.io/tutorial/page.html#lifecycle

二、通俗概括

1. onLoad先执行，onShow后执行

onLoad() {
	console.log(111);
},
onShow(){
	console.log(222);
},

2. onLoad只执行一次，onShow监听页面可执行多次。

通过右侧的控制台看出，只要页面一变，就会打印222。我在onLoad里面放的是111，onShow里面是222。这就证明onShow执行多次。

3.应用时机

1. 获取参数并且只请求一次的放在 onLoad 里。比如获取缓存等。
2. 当前页面需要时时刷数据的请求多次的事件放在 onShow 里。比如动态修改标题、商城订单列表数据变化等

onShow() {
	// 动态改变头部标题
	uni.setNavigationBarTitle({ 
		title: this.$t('mine').mine_title
	});
},