如何为mpvue页面预加载新增preLoad生命周期实现两种不同方式的操作？

本文共计898个文字，预计阅读时间需要4分钟。

存在的必要性：mpvue开发微信小程序，页面跳转新页面过程中会有200ms的左右延迟，若用这个200ms请求新页面的接口，那么跳转到新页面或页面已渲染好。即有两种方式：。

存在的必要性：mpvue开发微信小程序，在页面跳转到新页面的过程中会有200ms左右的延迟，这个200ms如果用来请求新页面的接口，那么跳转到新页面或许已经渲染好了页面。

就是两种方式：

1.新页面跳转之前，就请求新页面数据。

2.跳转到新页面后，再请求数据，可能还会有一个loading的状态。

第二种方式是正常的的页面跳转，不say了。

这里讲解的都是第一种方式：

　　从上面结构图可以看出系统跳转的延时时间可以用来请求新数据，大大提高了用户体验性。

　　方案是有了，该怎么实现呢。

　　我们知道mpvue的生命周期有onLoad mounted onShow 等。

　　我们自建一个preLoad生命周期进行页面预加载逻辑处理。