当前位置：网站首页 > 技术分类 > 正文

$router 和 $route的区别（route routine区别）

ztj100 2025-03-25 19:40 34 浏览 0 评论

一句话总结

$ router是用来操作路由的，路由操作对象，只写对象

$ route是用来获取路由信息的，路由信息对象，只读对象。

$router

$router是VueRouter的一个实例，他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history）

常用的跳转连接的方法：

this.$router.push("/login");

//使用对象的形式不带参数

this.$router.push({ path:"/login" });

//使用对象的形式，参数为地址栏上的参数

this.$router.push({ path:"/login",query:{username:"hh"} });

使用对象的形式，参数为params 不会显示在地址栏

this.$router.push({ name:'aaa' , params: {id:111} });

$ route

$ route是一个跳转的路由对象（路由信息对象），每一个路由都会有一个$route对象，是一个局部的对象。

主要的属性有：

$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如/home/ews

$route.params 对象，包含路由中的动态片段和全匹配片段的键值对，不会拼接到路由的url后面

$route.query 对象，包含路由中查询参数的键值对。会拼接到路由url后面

$route.router 路由规则所属的路由器

$route.name 当前路由的名字，如果没有使用具体路径，则名字为空

vue route

上一篇：Vue Router 4 路由操作 - 路由导航
下一篇：22《Vue 入门教程》VueRouter 路由嵌套

$router 和 $route的区别（route routine区别）

一句话总结

$router

$ route

相关推荐

取消回复欢迎你发表评论:

MySQL中这14个小玩意，让人眼前一亮!

旗舰机新标杆 OPPO Find X2系列正式发布售价5499元起

面试官:使用int类型做加减操作，是线程安全吗

C++编程知识:ToString()字符串转换你用正确了吗?

【Spring Boot】WebSocket 的 6 种集成方式

PyTorch 深度学习实战(26):多目标强化学习Multi-Objective RL

pytorch中的 scatter_()函数使用和详解

与 Java 17 相比，Java 21 究竟有多快?

基于TensorRT_LLM的大模型推理加速与OpenAI兼容服务优化

这一次，彻底搞懂Java并发包中的Atomic原子类

$router 和 $route的区别（route routine区别）

一句话总结

$router

$ route

相关推荐

取消回复欢迎 你 发表评论:

MySQL中这14个小玩意，让人眼前一亮!

旗舰机新标杆 OPPO Find X2系列正式发布 售价5499元起

面试官:使用int类型做加减操作，是线程安全吗

C++编程知识:ToString()字符串转换你用正确了吗?

【Spring Boot】WebSocket 的 6 种集成方式

PyTorch 深度学习实战(26):多目标强化学习Multi-Objective RL

pytorch中的 scatter_()函数使用和详解

与 Java 17 相比，Java 21 究竟有多快?

基于TensorRT_LLM的大模型推理加速与OpenAI兼容服务优化

这一次，彻底搞懂Java并发包中的Atomic原子类

取消回复欢迎你发表评论:

旗舰机新标杆 OPPO Find X2系列正式发布售价5499元起