javascript - vue でのルート遷移に問題がありますか?

Question

Vue は、カットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページが真っ白になります。以下は公式 Web サイトからコピーした私のコードです:

リーリー

Answer 1

モードをアウトインに設定します

Answer 2

リーリー

または:

リーリー

Answer 3

.fade-enter-active, .fade-leave-active {
不透明度: 1;
トランジション: 不透明度 .3s
}
.fade-enter, .fade-leave {
不透明度: 0
}