启动时的生命周期 v1.4.8+
v1.4.8
起路由提供了一个全局app启动生命周期,loddingPageHook
。它保证了在app启动时你可以做一些操作!loddingPageStyle
重置等待页样式。
路由插件通过混入 onLaunch
,拦截 app.vue 及 index.vue 的生命钩子,通过动态更改、触发生命钩子等操作来完成对首屏的拦截。 因为对app.vue下的部分生命钩子做了处理,所以你可以在 onLaunch
钩子中做一些异步操作来延缓index.vue下 onLoad
钩子的触发。你可以返回一个 告诉路由 onLaunch
生命钩子执行完成后才执行首页下的 onLoad
。
export default {
onLaunch: function() {
return new Promise(resolve=>{
setTimeout(()=>{
console.log('onLaunch')
},3000)
})
onShow: function() {
console.log('onLaunch---onShow')
};
下面列举出有强化的生命钩子
app.vue
注意
打包后可能有添加启动图片,所以与等待页面冲突。先是显示启动图,闪屏显示白色的等待页面,最后显示页面。这是正常的情况!如果你想提前关闭启动图 可以在 loddingPageHook
生命钩子下执行 ,默认路由插件已经添加。启动操作均可在此钩子完成!