vue animation example

Example 1: vue transition v-if else

<div id="demo">
    <button v-on:click="show = !show">
        Toggle
    </button>
    <transition name="fade">
        <p key=1 v-if="show">hello</p>
        <p key=2 v-else>Goodbye</p>
    </transition>
</div>

Example 2: vuejs transition to switch between pages

<!-- App.vue -->
<router-view v-slot="{ Component }">
  	<transition name="slither" mode="in-out">
    	<component :is="Component"></component>
	</transition>
</router-view>