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 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
Java与JavaScript中判断两字符串是否相等的区别
Mar 13 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
基于IView中on-change属性的使用详解
Mar 15 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 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脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
javascript document.images实例
2008/05/27 Javascript
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
java中String类型变量的赋值问题介绍
2016/03/23 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
vue实现动态按钮功能
2019/05/13 Javascript
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
tensorflow之并行读入数据详解
2020/02/05 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
利物浦足球俱乐部官方商店(美国):Liverpool FC US
2019/10/09 全球购物
关键字throw与throws的用法差异
2016/11/22 面试题
图书馆标语
2014/06/19 职场文书
2014年学前班工作总结
2014/12/08 职场文书
大学生实习介绍信
2015/05/05 职场文书
《雷雨》教学反思
2016/02/20 职场文书
合作合同协议书
2016/03/21 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL