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 相关文章推荐
Node.js文件操作详解
Aug 16 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
js闭包学习心得总结
Apr 17 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
vue循环数组改变点击文字的颜色
Oct 14 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
Nov 23 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加速 eAccelerator配置和使用指南
2009/06/05 PHP
flash用php连接数据库的代码
2011/04/21 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
PDO::prepare讲解
2019/01/29 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
2011/01/23 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
vue-cli扩展多模块打包的示例代码
2018/04/09 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
python实现数据写入excel表格
2018/03/25 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
Python识别处理照片中的条形码
2020/11/16 Python
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
党校个人自我鉴定范文
2014/03/28 职场文书
积极向上的团队口号
2014/06/06 职场文书
公司领导班子对照材料
2014/08/18 职场文书
投标承诺函范文
2015/01/21 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
毕业生党员个人总结
2015/02/14 职场文书
三八节祝酒词
2015/08/11 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书