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-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
Aug 25 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
微信小程序 页面之间传参实例详解
Jan 13 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
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可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
node.js入门教程
2014/06/01 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
JSON 数据格式详解
2017/09/13 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
python 连接各类主流数据库的实例代码
2018/01/30 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
Django 路由层URLconf的实现
2019/12/30 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
Python如何绘制日历图和热力图
2020/08/07 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
Html5 localStorage入门教程
2018/04/26 HTML / CSS
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
旅游业大学生创业计划书
2014/01/31 职场文书
师说教学反思
2014/02/07 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书