UNIAPP的tab页面如何不使用onshow的声明周期而进行数据更新渲染

在开发uniapp的项目过程中，大家经常会遇到个人中心跳转修改个人资料的场景，当通过uni.navigateBack()返回触发onShow生命周期从而进行数据的刷新渲染时，虽然无脑暴力好用，但是无疑是不标准的做法，不仅影响体验并且还会造成频繁的请求接口，占用资源。于是针对此种场景，特意去看了官方的文档，发现uniapp针对调准有events的入参，作用就是页面间通信接口，用于监听被打开页面发送到当前页面的数据。注意：2.8.9+ 开始支持。下面贴代码

//跳转修改个人资料
setUserInfo(){
	const that = this;
	uni.navigateTo({
		url:'/pages/user/info',
		events:{
			getUserInfo: function(data) {
				console.log(data);
				that.getUserInfo();
				
			}
		}
	})
},

这里跳转页面入参了events事件，当修改用户资料页面修改成功后，即可通过emit进行触发时间监听，下面贴代码

updateUserInfo(that.userInfo).then(res => {
	if (!res.data.code) {
		common.toast(res.data.msg);
	} else {
		const eventChannel = that.getOpenerEventChannel();
		eventChannel.emit('getUserInfo',{});
		common.toast(res.data.msg);
		setTimeout(function() {
			uni.switchTab({
				url:'/pages/user/index'
			})
		}, 1500)
	}
})

下面贴出官方代码

// 在起始页面跳转到test.vue页面，并监听test.vue发送过来的事件数据
uni.navigateTo({
  url: '/pages/test?id=1',
  events: {
    // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
    acceptDataFromOpenedPage: function(data) {
      console.log(data)
    },
    someEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'data from starter page' })
  }
})

// 在test.vue页面，向起始页通过事件传递数据
onLoad: function(option) {
  const eventChannel = this.getOpenerEventChannel();
  eventChannel.emit('acceptDataFromOpenedPage', {data: 'data from test page'});
  eventChannel.emit('someEvent', {data: 'data from test page for someEvent'});
  // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
  eventChannel.on('acceptDataFromOpenerPage', function(data) {
    console.log(data)
  })
}