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转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
js判断一个字符串是以某个字符串开头的简单实例
Dec 27 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
Angular中管道操作符(|)的使用方法
Dec 15 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
原生js实现碰撞检测
Mar 12 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 Javascript
关于Javascript闭包与应用的详解
Apr 22 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 IN_ARRAY 函数使用注意事项
2010/07/24 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
浅谈php正则表达式中的非贪婪模式匹配的使用
2014/11/25 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
js 图片轮播(5张图片)
2008/12/30 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
js使用formData实现批量上传
2020/03/27 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
pygame学习笔记(1):矩形、圆型画图实例
2015/04/15 Python
python实现类的静态变量用法实例
2015/05/08 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
django自带调试服务器的使用详解
2019/08/29 Python
python tkinter canvas使用实例
2019/11/04 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
中学运动会广播稿
2014/01/19 职场文书
初一新生军训方案
2014/05/22 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
企业党员岗位承诺书
2015/04/27 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书