Маршрутизатор вуе получить значение из Link маршрутизатор вю

Пожалуйста, следуйте приведенному ниже коду для метода редактирования Vue js. Как в Git РЕПО.

апп.JS маршрут

{ path: '/viewTeacher/:id', component: require('./components/editTeacher.vue').default, name: viewTeacher},

Кнопка редактирования в учителях.вю

<router-link :to="{name: 'viewTeacher', params: {id: teacher.id}}" class="btn btn-xs btn-default">Edit</router-link>

EditTeacher.компонент вю

<template>
   <div class="row">
      <div class="col-xs-3">
          <div class="box">
              <div class="box-tools">
                   <img style="border-radius: 50%;" src=""   height="100" width="50">
              </div>
          </div>
      </div>
      <div class="col-xs-9">
         <div class="box">
              <form v-on:submit.prevent="saveForm()">
                   <div class="row">
                        <div class="col-xs-12 form-group">
                             <label class="control-label">Teacher first name</label>
                              <input type="text" v-model="teacher.firstname" class="form-control">
                        </div>
                   </div>
                   <div class="row">
                        <div class="col-xs-12 form-group">
                            <label class="control-label">Teacher Last name</label>
                            <input type="text" v-model="teacher.lastname" class="form-control">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 form-group">
                             <button class="btn btn-success">Update</button>
                        </div>
                   </div>
              </form>
         </div>
      </div>
  </div>
 </template>

<script>
export default {
    mounted() {
        let app = this;
        let id = app.$route.params.id;
        app.teacherId = id;
        axios.get('/getTeacher/' + id)
            .then(function (resp) {
                app.teacher = resp.data;
            })
            .catch(function () {
                alert("Could not load teacher")
            });
    },
    data: function () {
        return {
            teacherId: null,
            teacher: {
                firstname: '',
                lastname: '',                    
            }
        }
    },
    methods: {
        saveForm() {
            var app = this;
            var newTeacher = app.teacher;
            axios.patch('/editTeacher/' + app.teacherId, newTeacher )
                .then(function (resp) {
                    app.$router.replace('/');
                })
                .catch(function (resp) {
                    console.log(resp);
                    alert("Could not Update");
                });
        }
    }
}

Сеть.в PHP

Route::get('/getTeachers','TeacherController@index');
Route::get('/getTeacher/{id}','TeacherController@show');
Route::post('/addTeacher','TeacherController@store');
Route::put('/editTeacher/{id}','TeacherController@update');

Контроллер

public function show($id)
{
    return Teacher::findOrFail($id);
}