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 相关文章推荐
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
js制作简易年历完整实例
2015/01/28 Javascript
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
2017/09/26 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python中获取对象信息的方法
2015/04/27 Python
Python中的getopt函数使用详解
2015/07/28 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
详解Python yaml模块
2020/09/23 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
幼儿园长自我鉴定
2013/10/17 职场文书
经济贸易系求职信
2014/08/04 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
管理失职检讨书
2015/05/05 职场文书
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python
vue实现移动端div拖动效果
2022/03/03 Vue.js
Django中celery的使用项目实例
2022/07/07 Python