Why do paragraphs move out Vue-transition?

Question

Vue.js

When changing window - paragraphs start to move out and only then disappear.
What is causing this and how to fix it?

Answer 1

<transition-group name='slide-components' mode="out-in"

Open the documentation , read what it transition-grouptakes

same attributes as <transition>exceptmode

So it's pointless to specify mode, elements will always be removed and added at the same time. Well, if there are two elements, then one of them will have to "move out". You should use here
instead :transition-grouptransition

<transition name="slide-components" mode="out-in">
  <p :key="window">{{ window }}</p>
</transition>