route和router在Vue.js框架中有着明确的区分和联系,主要区别如下:
-
Router (路由器):
this.$router.push("目标路由地址")- Router 是 Vue Router 库的核心组件,它是一个全局对象的实例,用来管理和控制整个应用的路由状态和行为。
- Router 对象包含所有定义好的路由规则(route配置),以及导航的方法,如
push()、replace()、go()等,用于实现页面间的跳转和历史记录管理。 - 在Vue应用中,我们通过调用
Vue.use(VueRouter)并使用new VueRouter(routeConfig)创建一个 Router 实例,然后将其注入到 Vue 根实例中。
-
Route (路由):
this.$route.path 当前活跃路由地址- Route 是指具体的路由配置信息或者说是当前活跃的路由实例。
- 每次当我们导航到一个新的URL时,Vue Router会解析这个URL,并基于配置生成一个Route对象。
- 这个Route对象包含了与当前路由相关的各种信息,如:
name(路由名称)、path(路由路径)、params(动态参数)、query(查询参数)等。 - 在Vue组件内部可以通过
this.$route访问当前活跃的Route对象。
简而言之,Router是整个应用级别的路由管理器,而Route是具体到某个视图或者说某个页面的路由实例。在Vue应用中,通过操作Router来进行导航,而在组件内部则通过Route对象来获取和响应当前页面的路由信息。
本文讲述了Vue.js框架中的Router(路由管理器)与Route(路由实例)的区别,Router负责全局路由控制,包括方法如push(),而Route则是当前激活的路由信息,用于获取和响应页面数据。

被折叠的 条评论
为什么被折叠?



