SOURCE

const Foo = {
	template: '<div>foo</div>'
};

const Bar = {
	template: '<div>bar</div>'
};

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

const router = new VueRouter({
	routes
})

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

<div id='app'>
	<h1>Hello App</h1>
	<p>
		<router-link to='/foo'>Go To Foo</router-link>
		<router-link to='/bar'>Go To Bar</router-link>
	</p>
	<router-view></router-view>
</div>