vue-router重定向和路由别名的使用讲解


Posted in Javascript onJanuary 19, 2019

一、重定向(你访问这个路径,但他跳到另一个路径,地址栏中显示目标路由的那个路径)

“重定向”的意思是,当用户访问 /a时,URL 将会被替换成 /b,然后匹配路由为 /b

vue-router重定向和路由别名的使用讲解

vue-router重定向和路由别名的使用讲解

vue-router重定向和路由别名的使用讲解

二、路由别名(就是给这个路由起了个名字,访问这个路由的时候不需要访问path 而是访问alias后面的)

/a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。

上面对应的路由配置为:

const router = new VueRouter({
 routes: [
  { path: '/a', component: A, alias: '/b' }
 ]
})

vue-router重定向和路由别名的使用讲解

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
Feb 18 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
js实现随机点名程序
Sep 17 Javascript
详解CocosCreator消息分发机制
Apr 16 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 #Javascript
详解vue-router导航守卫
Jan 19 #Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 #Javascript
javascriptvoid(0)含义以及与"#"的区别讲解
Jan 19 #Javascript
js实现延迟加载的几种方法详解
Jan 19 #Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 #Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 #Javascript
You might like
php分割合并两个字符串的函数实例
2015/06/19 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python进行数据提取的方法总结
2016/08/22 Python
django模板语法学习之include示例详解
2017/12/17 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
财务方面个人工作的自我评价
2013/12/28 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
自我鉴定总结
2014/03/24 职场文书
人事任命书格式
2014/06/05 职场文书
法定授权委托证明书
2014/09/27 职场文书
机关作风建设心得体会
2014/10/22 职场文书
2016春季幼儿园开学寄语
2015/12/03 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书