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 相关文章推荐
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 Javascript
js实现复选框的全选和取消全选效果
Jan 03 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
vue组件如何被其他项目引用
Apr 13 Javascript
vue2里面ref的具体使用方法
Oct 27 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
Electron 调用命令行(cmd)
Sep 23 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 07 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使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
javascript控制台详解
2015/06/25 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
vue组件实例解析
2017/01/10 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
Python处理字符串之isspace()方法的使用
2015/05/19 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
python多线程下信号处理程序示例
2019/05/31 Python
python的pstuil模块使用方法总结
2019/07/26 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
大学毕业后的十年规划
2014/01/07 职场文书
校园活动策划书范文
2014/01/10 职场文书
医药类个人求职的自我评价
2014/02/12 职场文书
工程专业应届生求职信
2014/02/19 职场文书
企业法人授权委托书
2014/04/03 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS