SOURCE

const Foo = { template: '<div>foo<br><router-link to="/">Go to Home</router-link></div>' }
const Bar = { template: '<div>bar<br><router-link to="/">Go to Home</router-link></div>' }
const Home = { template: '<p><router-link to="/foo">Go to Foo</router-link><br><router-link to="/bar">Go to Bar</router-link></p>'}

const routes = [
	{ path: '/', component: Home },
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

const router = new VueRouter({
  routes 
})

const app = new Vue({
  router
}).$mount('#app')

<script src="https://cdn.bootcss.com/vue/2.2.6/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/2.5.2/vue-router.min.js"></script>

<div id="app">
  <router-view></router-view>
</div>