As Transições/Animações podem ser reutilizadas por meio do sistema de Components do Vue.

Isso pode ser feito usando o Component <transition> ou <transition-group> dentro da raiz do seu Component, mais o <slot>, exemplo:

<template>
    <transition
      name="fade"
      mode="out-in"
    >
      <slot></slot>
    </transition>
</template>

Para mais detalhes acesse a documentação oficial em:
https://br.vuejs.org/v2/guide/transitions.html#Transicoes-Reutilizaveis