Vue.js：为什么滑动过渡而不是下一个组件视图之间会出现白屏？

Question

我正在使用组件的幻灯片转换，但在显示实际组件之前，滑动屏幕会显示白色几秒钟。如何让它立即流向下一个视图？

这是我用于包含在我的主app.vue router-view元素中的转换：

.slide-leave-active,
.slide-enter-active {
  transition: 0.5s;
}
.slide-enter {
  transform: translate(100%, 0);
}
.slide-leave-to {
  transform: translate(-100%, 0);
}

<template lang="pug">
    div
        transition(name="slide")
            router-view
</template>