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 相关文章推荐
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
Oct 16 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
Vue数组响应式操作及高阶函数使用代码详解
Aug 01 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中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
深入PHP autoload机制的详解
2013/06/09 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
Django框架中的对象列表视图使用示例
2015/07/21 Python
python发送邮件功能实现代码
2016/07/15 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
Python正则表达式匹配和提取IP地址
2019/06/06 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
网络安全方面的面试题
2016/01/07 面试题
省文明单位申报材料
2014/05/08 职场文书
2016年清明节寄语
2015/12/04 职场文书
亲情作文之母爱
2019/09/25 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
MySQL系列之三 基础篇
2021/07/02 MySQL
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python