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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
js实现简单计算器
Nov 22 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
js检查是否关闭浏览器的方法
Aug 02 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
利用React-router+Webpack快速构建react程序
Oct 27 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
django中使用vue.js的要点总结
Jul 07 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/02/07 PHP
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
Python版的文曲星猜数字游戏代码
2013/09/02 Python
Python编写生成验证码的脚本的教程
2015/05/04 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
python skimage 连通性区域检测方法
2018/06/21 Python
python读取与处理netcdf数据方式
2020/02/14 Python
python中如何设置代码自动提示
2020/07/15 Python
如何在python中实现线性回归
2020/08/10 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
Steve Madden官网:美国鞋类品牌
2017/01/29 全球购物
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
小饰品店的创业计划书范文
2013/12/28 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL