Vue - redirect重定向失敗，找了很久不知道原因，求指導(dǎo)

Vue小白，在學(xué)習(xí)使用vue-router，在重定向的時候發(fā)現(xiàn)無法實(shí)現(xiàn)，參考了官網(wǎng)的例子找不出哪里出錯了，求各位前輩大神們指點(diǎn)，不勝感激～～

以下是代碼部分

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

      //生成路由實(shí)例
      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>