javascript - vue에서 경로 전환에 문제가 있습니까?

Question

Vue는 경로에 컷신 애니메이션 페이드인 및 페이드아웃 효과를 추가합니다. 구성요소는 제거되면 페이드아웃되지만, 입력되면 즉시 들어가고 페이드인되지 않습니다. 이 두 단계 사이에서 페이지는 공백이 된다. 아래는 공식 웹사이트에서 복사한 내 코드입니다:

으아악

Answer 1

모드를 아웃-인으로 설정

Answer 2

으아악

또는:

으아악

Answer 3

.fade-enter-active, .fade-leave-active {
불투명도: 1;
전환: 불투명도 .3s
}
.fade-enter, .fade-leave {
불투명도: 0
}