Vue - redirect重定向失败，找了很久不知道原因，求指导

Question

Vue小白，在学习使用vue-router，在重定向的时候发现无法实现，参考了官网的例子找不出哪里出错了，求各位前辈大神们指点，不胜感激～～

以下是代码部分

var Home = {
        template: '<h3>Home</h3>'
      };
      var News = {
        template: '<h3>News</h3>'
      };
      var Travel = {
        template:'<h3>Travel</h3>'
      }

      //生成路由实例
      const router = new VueRouter({
        // routes,
        routes : [
          {path: '/home',component: Home},
          {path: '/news',component: News},
          {path:'/travel',component:Travel},
      //重定向
          {path:'/home',redirect:'/travel'}
        ]
      })

      // 最后挂到vue上
      new Vue({
        el: '#app',
        router,

      })

<div id="app">
    <div>
      <router-link to='/home'>Home</router-link>
      <router-link to='/news'>News</router-link>
      <router-link to='/travel'>Travel</router-link>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>

Answer 1

把{path: '/home',component: Home},删掉就可以了。

Answer 2

为什么会有两个/home，路由匹配到第一条自然就不会匹配第二条了。

Answer 3

谢邀，问题应该解决了，一起努力哈！