import Vue from 'vue'
import Router from 'vue-router'
import home from './components/home'
import register from './components/register'

Vue.use(Router)

export default new Router({
 routes: [
    {
      path: '/',
      name: 'home',
      component: home
    },
    {
      path: '/register/',
      name: 'register',
      component: register
    }
  ]
})

<template>
    <div>
        <form>
        <input type="text" name="email" placeholder="Email" v-
                               model="email">
        <input type="password" name="password" placeholder="Password"
                               v-model="password">
        <button v-on:click="clickRegister">Submit form</button>
       </form>
     </div>
</template>
<script>
export default {
    data(){
        return{
           email:'',
           password:''
      }
   },
    methods:{
        clickRegister: function() {
            console.log(this.email)
        }
    }
}
</script>
<style scoped>

</style>

<template>
    <div id="app">
       <router-view></router-view>
   </div>
</template>
<script>
export default {

 }
</script>


<style>

</style>

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './registerServiceWorker'

Vue.config.productionTip = false

new Vue({
  router,
  render: function (h) { return h(App) }
}).$mount('#app')

export default new Router({
 mode: 'history',
 routes: [
    {
      path: '/',
      name: 'home',
      component: home
    },
    {
      path: '/register/',
      name: 'register',
      component: register
    }
  ]
})