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跨域代码片段
Aug 30 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 Javascript
原生js生成图片验证码
Oct 11 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
回首过去10年中最搞笑的10部动漫,哪一部让你节操尽碎?
2020/03/03 日漫
php中apc缓存使用示例
2013/12/25 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
javascript void(0)的妙用
2009/10/21 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
2013/06/04 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
python3调用R的示例代码
2018/02/23 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
Django分组聚合查询实例分享
2020/04/29 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
优秀管理者事迹材料
2014/05/22 职场文书
文秘自荐信
2014/06/28 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
二手车转让协议书
2015/01/29 职场文书
离婚上诉状范文
2015/05/23 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书