v-leave: defines the start state of leaving the transition. It takes effect immediately when the departure transition is triggered, and the next frame is removed. This means that the v-leave will be removed immediately in one frame
when you actually use the transition, the following four classes will suffice. What scenarios will v-leave use?
.v-enter-active {
transition: all .3s ease;
}
.sv-leave-active {
transition: all .8s cubic-bezier (1.0,0.5,0.8,1.0);
}
.v-enter, .v-leave-to
transform: translateX (10px);
opacity: 0;
}