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 div 弹出可拖动窗口
Feb 26 Javascript
javascript 模式设计之工厂模式学习心得
Apr 27 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
js控制多图左右滚动切换效果代码分享
Aug 26 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
Javascript实现秒表计时游戏
May 27 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 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
基于mysql的论坛(6)
2006/10/09 PHP
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
PHP学习之整理字符串
2011/04/17 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
js修改input的type属性问题探讨
2013/10/12 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
React + webpack 环境配置的方法步骤
2017/09/07 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
python调用fortran模块
2016/04/08 Python
TensorFlow实现模型评估
2018/09/07 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
单位委托书范本(3篇)
2014/09/18 职场文书
捐款感谢信
2015/01/20 职场文书
承诺书范本
2015/01/21 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
消费者理赔投诉书
2015/07/02 职场文书
接收函
2019/04/22 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers