Simple Router Example For Vue

main.js

import Vue from 'vue'
import App from './App.vue'
import Form from './Form.vue'

Vue.config.productionTip = false

const NotFound = { template: '<p>Page not found</p>' }
const routes = {
  '/': App,
  '/form': Form
}

new Vue({
  el: '#app',
  data: {
    currentRoute: window.location.pathname
  },
  computed: {
    ViewComponent () {
      return routes[this.currentRoute] || NotFound
    }
  },
  render (h) { return h(this.ViewComponent) }
})