Answers for "vue pages transition"

transition vue

.fade-enter-active, .fade-leave-active {
  transition: opacity 3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

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>