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]点出统计器
Oct 11 Javascript
Hutia 的 JS 代码集
Oct 24 Javascript
javascript 写类方式之十
Jul 05 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
微信小程序 五星评分的实现实例
Aug 04 Javascript
深入学习JavaScript 高阶函数
Jun 11 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
原生JS利用transform实现banner的无限滚动示例代码
Jun 15 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
php.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
php检测url是否存在的方法
2015/04/14 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
2009/12/27 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
详解Vue微信公众号开发踩坑全记录
2017/08/21 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
详解vue 图片上传功能
2019/04/30 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
JS实现放烟花效果
2020/03/10 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
node.js获取参数的常用方法(总结)
2017/05/29 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
Python自定义线程池实现方法分析
2018/02/07 Python
详解Python判定IP地址合法性的三种方法
2018/03/06 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
详解Python中的文件操作
2021/01/14 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
营销与策划专业毕业生求职信
2013/11/01 职场文书
中秋手机店促销方案
2014/06/16 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers