$route和$router的区别
2024-05-16 05:43:08
1、$router是用来操作路由,$route是用来获取路由信息
2、$router是VueRouter的一个实例,他包含了所有的路由,包括路由的跳转方法,钩子函数等,也包含一些子对象(例如history)
3、$route是一个跳转的路由对象(路由信息对象),每一个路由都会有一个$route对象,是一个局部的对象。
$router的用法
//常规方法
this.$router.push("/login");
//使用对象的形式 不带参数
this.$router.push({ path:"/login" });
//使用对象的形式,参数为地址栏上的参数
this.$router.push({ path:"/login",query:{username:"jack"} });
使用对象的形式 ,参数为params 不会显示在地址栏
this.$router.push({ name:'user' , params: {id:123} });
$route的介绍
主要的属性有:
this.$route.path 字符串,等于当前路由对象的路径,会被解析为绝对路径,如/home/ewsthis.$route.params 对象,包含路由中的动态片段和全匹配片段的键值对,不会拼接到路由的url后面this.$route.query 对象,包含路由中查询参数的键值对。会拼接到路由url后面this.$route.router 路由规则所属的路由器this.$route.name 当前路由的名字,如果没有使用具体路径,则名字为空
最新文章
- 49.SCVMM管理下的Hyper-V到Azure的异地(Azure)容灾
- 通过组策略禁用U盘执行病毒文件
- 如何使用cmd进入打印机选项_怎样用命令行方式添加打印机端口? (已解决)
- C++ string类型占几个字节
- [更正]谈获取当前系统类型(SP OR PPC)
- kvm 网络配置之nat、用户模式
- Linux学习笔记十三——文件压缩、解压缩和归档
- App-v Client的部署
- 使用JSON Viewer直观查看JSON数据
- struts框架的原理和应用_分布式开源调度框架TBSchedule原理与应用
- qgis打开shp数据_关于QGIS打开SHP文件属性表乱码
- Lamp部署于三台主机中
- Wipe In and Wipe Out 抹进、抹出(动画显示、动画隐藏)(展开、折叠)(拉下、收起)
- 2022-11-18 mysql列存储引擎-assert failed on i < m_idx.size() at rc_attr.h:342-问题分析
- [译] UX 设计实践:如何设计可扫描的 Web 界面
- 硬盘分区格式GPT与MBR无损互相转换而不破坏硬盘存储资料
- vue手写上一页下一页
- Windows7双系统卸载Ubuntu
- 汽车防抱死系统_ABS_建模与模糊PID控制研究
- 华为ensp配置pap认证
热门文章
- 信息系统项目管理师速记 - 十大知识领域
- 如何让excel中一部分表格显示但不打印?
- 计算机维修套装推荐,工欲善其事,必先利其器---iFixit 54 Bit Driver Kit 维修工具套装...
- 浙江移动物联网应用开放平台(免费使用)
- Java把文件压缩成.zip压缩包和解压.zip压缩包(ZipOutputStream、ZipInputStream)
- Socket通信协议详解
- Android studio UML建模
- 前端面试之ES5与ES6的区别
- 如何固定Excel的表头和列(滚动时始终显示表头和首列)
- Python 教程之 Pandas(14)—— 使用 Pandas 进行数据分析