vue-router重定向和路由别名的使用讲解
2019-01-29 12:43
1081 查看
一、重定向(你访问这个路径,但他跳到另一个路径,地址栏中显示目标路由的那个路径)
“重定向”的意思是,当用户访问 /a时,URL 将会被替换成 /b,然后匹配路由为 /b
二、路由别名(就是给这个路由起了个名字,访问这个路由的时候不需要访问path 而是访问alias后面的)
/a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。
上面对应的路由配置为:
const router = new VueRouter({ routes: [ { path: '/a', component: A, alias: '/b' } ] })
若有不足请多多指教!希望给您带来帮助!
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章:
相关文章推荐
- VueJs(11)---vue-router(命名路由,命名视图,重定向别名,路由组件传参)
- 讲解vue-router之什么是嵌套路由
- vue-router路由讲解
- Vue路由(vue-router)配置实战——动态路由,重定向,工程非根目录
- 使用Vue-Router 2实现路由功能
- 讲解vue-router之命名路由和命名视图
- Vue-router的使用和出现空白页,路由对象属性详解
- vue路由vue-router的使用
- Vue-router嵌套路由的使用
- vue-router命名路由和编程式路由传参讲解
- 讲解vue-router之什么是编程式路由
- vue.js中的路由vue-router2.0使用
- vue-router路由讲解
- vue-router命名视图的使用讲解
- 前端路由及vue-router使用
- Vue.js路由组件vue-router的使用方法
- React第三方组件1(路由管理之Router的使用②多层级跳转及重定向)
- 使用Vue-Router 2实现路由功能
- vue router2.0二级路由的简单使用
- 使用Vue-Router 2实现路由功能