Vue Router中,$router和$route有何区别?

更新于
2026-10-03 07:49:13
0阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1338个文字,预计阅读时间需要6分钟。

Vue + Router 总结:$router 和 $route 的区别

Vue Router 中,this.$router 是 VueRouter 的实例方法,用于处理导航。而 this.$route 是当前路由对象,包含路由的详细信息。

- this.$router 是 VueRouter 的实例,用于调用导航方法,如 push。- this.$route 是当前路由的信息,用于获取路径、参数等。

使用 this.$router.push 可以实现导航到不同的 URL。

vue router总结 $router和$route及router与 router与route区别

1 this.$router和this.$route的区别

vue router

this.$router是VueRouter的实例方法,当导航到不同url,可以使用this.$router.push方法,这个方法则会向history里面添加一条记录,当点击浏览器回退按钮或者this.$router.back()就会回退之前的url。
this.$route相当于当前激活的路由对象,包含当前url解析得到的数据,可以从对象里获取一些数据,如name,path等。

阅读全文

本文共计1338个文字,预计阅读时间需要6分钟。

Vue + Router 总结:$router 和 $route 的区别

Vue Router 中,this.$router 是 VueRouter 的实例方法,用于处理导航。而 this.$route 是当前路由对象,包含路由的详细信息。

- this.$router 是 VueRouter 的实例,用于调用导航方法,如 push。- this.$route 是当前路由的信息,用于获取路径、参数等。

使用 this.$router.push 可以实现导航到不同的 URL。

vue router总结 $router和$route及router与 router与route区别

1 this.$router和this.$route的区别

vue router

this.$router是VueRouter的实例方法,当导航到不同url,可以使用this.$router.push方法,这个方法则会向history里面添加一条记录,当点击浏览器回退按钮或者this.$router.back()就会回退之前的url。
this.$route相当于当前激活的路由对象,包含当前url解析得到的数据,可以从对象里获取一些数据,如name,path等。

阅读全文