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面向对象之Javascript 继承
May 04 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
Sep 15 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 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页面运行时间的函数介绍
2013/07/01 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
Laravel利用gulp如何构建前端资源详解
2018/06/03 PHP
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
javascript 函数速查表
2010/02/07 Javascript
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
angularjs基础教程
2014/12/25 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
pycharm 使用心得(四)显示行号
2014/06/05 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
Python numpy数组转置与轴变换
2019/11/15 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python autoescape标签用法解析
2020/01/17 Python
python环境下安装opencv库的方法
2020/03/05 Python
Python callable内置函数原理解析
2020/03/05 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
幼师自我鉴定
2014/02/01 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
写好Python代码的几条重要技巧
2021/05/21 Python
 python中的元类metaclass详情
2022/05/30 Python