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实现自定义标签
May 08 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
基于jQuery的简单九宫格实现代码
Aug 09 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
Dec 16 Javascript
js制作简易年历完整实例
Jan 28 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
js性能优化技巧
Nov 29 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
在vscode里使用.vue代码模板的方法
Apr 28 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
Vue SPA 首屏优化方案
Feb 26 Vue.js
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
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
2013/04/15 PHP
PHP中的替代语法介绍
2015/01/09 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
javascript闭包的理解
2015/04/01 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
2015/08/26 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
Python使用django获取用户IP地址的方法
2015/05/11 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
python中id函数运行方式
2020/07/03 Python
Python内置函数及功能简介汇总
2020/10/13 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
Viking比利时:购买办公用品
2019/10/30 全球购物
预备党员转正思想汇报
2014/09/26 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
python 实现两个变量值进行交换的n种操作
2021/06/02 Python
Redis全局ID生成器的实现
2022/06/05 Redis
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python