Vue

HTML

<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

<div id="app">
  <router-link
    to="/one"
  >
    Home 1
  </router-link> Test
  
  <br/>
  
  <router-link
    to="/two"
  >
    Home 2
  </router-link>
  
  <br/>
  
  <router-link to="/three" >Home 3</router-link> Test
  
  <br/>
  <br/>
  
  <router-view></router-view>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

a {
  display: inline-block;
}

Vue

const Home1 = { template: '<div>Content 1</div>' }
const Home2 = { template: '<div>Content 2</div>' }
const Home3 = { template: '<div>Content 3</div>' }

const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '/one',
      component: Home1
    },
    { path: '/two',
      component: Home2
    },
    { path: '/three',
      component: Home3
    }
  ]
})

new Vue({
	router,
  el: "#app"
})