<transition mode="out-in" enter-active-class="animated fadeIn" leave-active-class="animated fadeOut"> <div v-if="!file">view 1</div> <div v-else>view 2</div> </transition>
It just does not work. The outcome is simply an element hiding and the other one shown like there is no transition.
The transition itself works on elements, but not with “out-in”.
file is a boolean variable, I tested the changing of it with setTimeOut, buttons etc.
Edit: Here’s a fiddle: