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 相关文章推荐
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
js获取ip和地区
Mar 10 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
初学vue出现空格警告的原因及其解决方案
Oct 31 Javascript
JavaScript命令模式原理与用法实例详解
Mar 10 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
smarty实例教程
2006/11/19 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
js遍历json的key和value的实例
2017/01/22 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
解决layui中的form表单与button的点击事件冲突问题
2018/08/15 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
python进阶教程之模块(module)介绍
2014/08/30 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
Python模块 _winreg操作注册表
2020/02/05 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
python中常见错误及解决方法
2020/06/21 Python
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
小学生安全保证书
2014/02/01 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
装修活动策划方案
2014/08/27 职场文书
给校长的建议书作文500字
2015/09/14 职场文书
周末问候语大全
2015/11/10 职场文书