Vue.js路由的重定向

這次帶給大家Vue.js路由的重定向，使用Vue.js路由重定向的注意事項有哪些，下面就是實戰案例，一起來看一下。

redirect
初始化路由時設定

#

let router = new VRouter({ // 如果mode设为history, 那么地址就可以不使用哈希(# 哈希)了,就可以直接访问. http://localhost:8080/#/apple ==>> http://localhost:8080/apple
  mode: 'history',  routes: [
    {      //当路径为'/'时,重新跳转到apple
      path: '/',      //设置重定向
      redirect: '/apple'
    },
    {      path: '/apple',
      ......
    },
    {      path: '/banana',
      ......
    }
  ]
})

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Vue.js的單位件元件

Vue.js如何設定路由

以上是Vue.js路由的重定向的詳細內容。更多資訊請關注PHP中文網其他相關文章！