JSFiddle - React, Tailwind, and code Playground

HTML

<script src="unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-router"></script>
<div id="app">
  <div>
    <router-link to="/foo">/foo</router-link>
    <router-link to="/bar">/bar</router-link>
    <router-link to="/baz">/baz</router-link>
    <router-view :key="$route.path"></router-view>
  </div>
</div>

Babel + JSX

const Foo = {
  template: '<div>{{ $route.path }}</div>',
  created() {
  	console.log('New component created.')
  }
}

const router = new VueRouter({
  mode: 'history',
  routes: [{
    path: '/foo',
    component: Foo
  }, {
    path: '/bar',
    component: Foo
  },
  {
    path: '/baz',
    component: Foo
  }]
})

new Vue({
  router,
  template: '#app'
}).$mount('#app')