如何使用vue转换仅在加载时显示页面？

Question

我正试图在页面之间导航，在路由更改的地方，我想：

1. 淡出当前页面
2. 加载新页面，一旦加载新页面（我要发信号）
3. 淡入新页面

遵循标准示例不起作用：

<transition name="fade" mode="out-in" v-on:enter="enter">
  <router-view :key="$route.path"/>
</transition>

这是什么顺序：1-> 3-> 2.换句话说，将出现新页面的淡入，并且只有在此之后，才会调用新页面的“创建的”钩子，在该钩子中我会异步加载我的数据来填充页面。

如何让Vue等待显示页面，直到将所有异步数据加载到“创建的”钩子中为止？