启动时的生命周期 v1.4.8+

    v1.4.8 起路由提供了一个全局app启动生命周期,loddingPageHook。它保证了在app启动时你可以做一些操作!loddingPageStyle 重置等待页样式。

    路由插件通过混入 onLaunch,拦截 app.vue 及 index.vue 的生命钩子,通过动态更改、触发生命钩子等操作来完成对首屏的拦截。 因为对app.vue下的部分生命钩子做了处理,所以你可以在 onLaunch 钩子中做一些异步操作来延缓index.vue下 onLoad 钩子的触发。你可以返回一个 告诉路由 onLaunch 生命钩子执行完成后才执行首页下的 onLoad

    1. export default {
    2. onLaunch: function() {
    3. return new Promise(resolve=>{
    4. setTimeout(()=>{
    5. console.log('onLaunch')
    6. },3000)
    7. })
    8. onShow: function() {
    9. console.log('onLaunch---onShow')
    10. };

    下面列举出有强化的生命钩子

    app.vue

    注意

    打包后可能有添加启动图片,所以与等待页面冲突。先是显示启动图,闪屏显示白色的等待页面,最后显示页面。这是正常的情况!如果你想提前关闭启动图 可以在 loddingPageHook 生命钩子下执行 ,默认路由插件已经添加。启动操作均可在此钩子完成!