title: vuejs this.$route not work
body: <p>when I send delete request to api it work well,
   but next step I want to redirct to index,
   so I use this code <code>this.$router.push('/');</code> but it not working</p>
  
  <p>index.vue</p>
  
  <pre><code>&lt;template&gt;
        &lt;div class="container"&gt;
          &lt;p&gt;{{ message  }}&lt;/p&gt;
          &lt;p&gt;&lt;a class="btn btn-primary" href="#/create"&gt;create&lt;/a&gt;&lt;/p&gt;
          &lt;table class="table table-bordered"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;id&lt;/th&gt;
              &lt;th&gt;name&lt;/th&gt;
              &lt;th&gt;edit&lt;/th&gt;
              &lt;th&gt;delete&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr v-for="user in users" v-bind="user" v-bind:key="user.id"&gt;
              &lt;td&gt;{{ user.id  }}&lt;/td&gt;
              &lt;td&gt;{{ user.name }}&lt;/td&gt;
              &lt;td&gt;&lt;a class="btn btn-warning" v-bind:href="'#/edit/'+ user.id"&gt;edit&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a class="btn btn-danger"  v-on:click="deleteUser(user)"&gt;delete&lt;/a&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;nav aria-label="Page navigation example"&gt;
            &lt;ul class="pagination"&gt;
              &lt;li class="page-item"&gt;&lt;a class="page-link" href=""&gt;Previous&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="page-item"&gt;&lt;a class="page-link" href=""&gt;1&lt;/a&gt;&lt;/li&gt;
              &lt;li class="page-item"&gt;&lt;a class="page-link" href=""&gt;Next&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/nav&gt;
        &lt;/div&gt;
      &lt;/template&gt;
  
      &lt;script&gt;
      var users = [
        {id:'',name:''},
      ];
      module.exports = {
        data () {
          return {
            message:'',
            users: users
          }
        },
        created(){
          this.fetchUsers();
        },
        methods: {
          fetchUsers: function() {
            axios.get('api/users').then(response =&gt; {
              this.users = response.data.data;
            })
          },
          deleteUser: function(user) {
            axios.delete('api/users/'+user.id).then(response =&gt; {
            })
            this.$router.push('/');
          },
        }
      }
      &lt;/script&gt;
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>var router = new VueRouter({
    routes: [
      { path: '/', component: httpVueLoader('js/components/user/index.vue') },
      { path: '/create', component: httpVueLoader('js/components/user/create.vue') },
      { path: '/delete', component: httpVueLoader('js/components/user/delete.vue') },
      { path: '/edit/:id', component: httpVueLoader('js/components/user/edit.vue') },
    ],
  });
  
  new Vue({
      el: '#app',
      router:router,
      template: '&lt;router-view&gt;&lt;/router-view&gt;',
  });
  
  new Vue({
      el: '#foot',
      components: {
        'myfooter'   : httpVueLoader('js/components/footer.vue'),
      }
  });
  
  new Vue({
      el: '#head',
      components: {
        'myheader'   : httpVueLoader('js/components/header.vue'),
      }
  });
  </code></pre>