<ul> <li><b>Transition classes</b> <p>Transition class <code>v-enter</code> is renamed to <code>v-enter-from</code> and <code>v-leave</code> – to <code>v-leave-from</code>.</p> <p>Before:</p> <p><pre class="syntax mh-100"> .v-enter { opacity: 0; } .v-leave { opacity: 1; } </pre></p> <p>Now:</p> <p><pre class="syntax mh-100"> .v-enter-from { opacity: 0; } .v-leave-from { opacity: 1; } </pre></p> <p>Learn more on this change in the <a href="https://v3-migration.vuejs.org/breaking-changes/transition.html" target="_blank">migration guide</a>.</p> </li> <li><b>Transitions in root element</b> <p>Vue 3 handles transitions at the root element in a different format. You can find details in these articles:</p> <ul> <li><a href="https://v3-migration.vuejs.org/breaking-changes/transition-as-root.html" target="_blank">Transition at the root element</a></li> <li><a href="https://v3-migration.vuejs.org/breaking-changes/transition-group.html" target="_blank">Element group transition in the root element</a></li> </ul> </li> </ul> <br/><br/>