$router与$route的区别

最新推荐文章于 2023-03-15 10:04:14 发布
最新推荐文章于 2023-03-15 10:04:14 发布
阅读量179 收藏 1
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52765288/article/details/120810211
版权

1.$rotute---路由信息对象

$route 主要指路由的信息对象   它里面主要携带一些路由的参数以及信息 
我们在下图可以看到 $route中路由信息对象中的一些参数 

1.2path与fullPath有什么区别？

fullPath是可以获取到路由跳转时携待的查询字符串的  而path只能获取到查询字符串之前的路由跳转的路径

2.$router ---路由实例对象

我们从图中可以看到打印router是显示的VueRouter实例对象  说明$router是一个实例化的router对象  主要提供一些api
比如beforeEach路由前置守卫 afterEach路由后置守卫  push、go、forwards编程式导航跳转路由的方式什么的 

 

3.总结

     $route没有r的是路由信息对象  主要获取一下路由的的参数信息 还有跳转信息
     $router 有r的是路由实例对象  主要是提供一些api来进行导航跳转 路由守卫什么的

·前端小李
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
$route和$router的区别详解
xunfengZ的博客
11-13 1万+
总的来说， $ router是用来操作路由的，$ route是用来获取路由信息的。 1.$router是VueRouter的一个实例，他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history） 常用的跳转连接的方法： //常规方法 this.$router.push("/login"); //使用对象的形式 不带参数 this.$router.push({ path:"/login" }); //使用对象的形式，参数为地址栏上的参数 this.$router.push({ p
trouceroute原理
05-30
raceroute 有使用两种：使用ICMP的和使用UDP的。Microsoft使用ICMP，所以windows上发出的traceRT应使用的是ICMP，我用 sniffer抓过包，没问题，其中显示TTL超时的包即为下一条路由器的地址，windows系统会同时发送多个ICMP，超时报文一般也响应多个（三个）
vue $router和$route的区别
锦年的博客
03-28 5628
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、 $route.path ：字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。 2、$route.params ：一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3、$route.quer
$route 和 $router 的区别
qg2276879379的博客
09-24 1374
$route 和 $router 的区别 $route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3.$route.query 一个 key/value 对象，表示 URL 查询参数。 例如
vue2.0中的$router 和 $route的区别
anzhang5248的博客
09-18 123
1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等 $rout...
vue router总结 $router和$route及router与 router与route区别
10-16
本文将深入探讨 `$router` 和 `$route` 之间的差异，以及路由跳转的不同方式，同时还会讲解 `path: 'name'` 和 `path: '/name'` 的区别，以及 `router` 和 `route` 在 Vue Router 中的角色。 1. **$router 和 $...
vue $router和$route的区别详解
01-22
一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history...打印this.$route和this.$router。 路由传参的方式 1.可以手写完整的path： this.$router.push({path:`/user/$
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅析vue-router jquery和params传参(接收参数)$router $route的区别
10-18
今天做项目时踩到了vue-router传参的坑（jquery和params），所以决定总结一下二者的区别。感兴趣的朋友跟随脚本之家小编一起看看吧
unix 网络编程tracetroute
11-04
unix 网络编程tracetroute
$route和$router的区别?
最新发布
weixin_66557048的博客
03-15 92
1、router是用来操作路由，router是用来操作路由，router是用来操作路由，route是用来获取路由信息 2、$router是VueRouter的一个实例，他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history） 3、route是一个跳转的路由对象（路由信息对象），每一个路由都会有一个route是一个跳转的路由对象（路由信息对象），每一个路由都会有一个route是一个跳转的路由对象（路由信息对象），每一个路由都会有一个route对象，是一个局部的对象。 $rou
$router和$route的区别
Songywaa的博客
11-17 5719
router router :是 VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，是一个全局对象，他包含了所有的路由包含了许多关键的对象和属性； 举例： history对象：\color{red}{history对象：}history对象：: $router.push({path:'home'}); //本质是向hi...
$route和$router的区别
qq_60163657的博客
05-18 598
$ route 获取路由信息 $ router 用来操作路由 经常用的跳转链接就可以用this.$router.push，和router-link跳转一样 //假如当前路径是home this.$router.push("/name") //path为/name this.$router.push("name") //path为/home/name 如果加/会被当作根目录，不加当前的路径会嵌套在之前的路径中 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包...
$route 和$router的区别是什么？
JINGinC的博客
11-08 550
1. $route 是“路由信息对象”，包括 path，params，hash，query，fullPath， matched，name 等路由信息参数。 2. $router 为 VueRouter 的实例，相当于一个全局的路由器对象，里面含有很 多 属 性 和 子 对 象 ， 例 如 history 对 象 ， 经 常 用 的 跳 转 链 接 就 可 以 用 this.router.push 会往history 栈中添加一个新的记录。返回上一个 history 也是使...
$route 和$router 的区别是什么？
weixin_57066052的博客
08-25 311
$route 是“路由信息对象”，包括 path，params，hash，query，fullPath，matched，name 等路由 信息参数 $router 为 VueRouter 的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象， 例如 history 对象，经常用的跳转链接就可以用 this.router.push 会往 history 栈中添加一个新的记 录。返回上一个 history 也是使用$router.go 方法 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值