Vue Router中,$router和$route有何区别?
- 内容介绍
- 文章标签
- 相关推荐
本文共计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等。

