在进行手动访问页面的时候，出现这种报错，于是进行路径的检查。

app.vue结构：

  <div id="app">
    <m-header></m-header>
     <router-view></router-view>
  </div>

m-header.vue文件：

<button @click="surf">漫游</button>
  methods: {
    // 这是是封装的手动访问链接的事件
    // surf() {
    //   var _this = this;
    //   // console.log(_this);
    //   setTimeout(function() {
    //     //   每隔一段时间访问一个路由
    //       _this.$router.push('/message');
    //     setTimeout(function() {
    //       //   每隔一段时间访问一个路由
    //       _this.$router.push({name:'contract',params:{name:'黄华华'}});
    //     }, 2000);
    //   }, 2000);
    // }
  }

发现没有声明this 指向的时候，this并不是指向的vue的，所以没有找到surf这个方法，自然就没有push这个属性了所以就必须 要设置 this的指向，指向当前的方法，所以跳转 路由的时候才不会报错。