JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<div id="app">
  <router-link to="/foo">Foo</router-link>
  <router-link to="/bar">Bar</router-link>
  <a href="#back" onclick="history.back()">Back</a>
  <hr>
  <transition mode="out-in"
      leave-active-class="animated slideOutLeft faster" 
      enter-active-class="animated slideInRight faster">
    <router-view></router-view>
  </transition>
</div>

JavaScript

new Vue({
  el: '#app',
  router: new VueRouter({
    routes: [
      { path: '/foo',
        component: {
          template: '<div class="teste" id="foo">Foo</div>'
        }
      },
      { path: '/bar',
        component: {
          template: '<div class="teste" id="bar">Bar</div>'
        }
      }
    ]
  })
});