Vue中router和route是兩個與路由相關的屬性,作用和含義有所不同:1、$router是Vue Router的實例,提供了導航和路由管理的方法和屬性;2、$route是當前活動路由的信息對象,包含了當前路由的相關信息。
在Vue中,router和route是兩個與路由相關的屬性,它們的作用和含義有所不同。
通過
router是VueRouter的實例,它提供了一些方法和屬性來導航和管理路由。通過<code>router,我們可以執行諸如跳轉到其他路由、動態路由傳參等操作。
例如,可以使用$router.push()方法來進行路由跳轉:
//?在Vue組件中 methods:?{ ??goToAboutPage()?{ ????this.$router.push('/about'); ??} }
登錄后復制
route是當前活動路由的信息對象,它包含了當前路由的一些相關信息,如路徑、參數、查詢參數等。通過route,我們可以獲取當前路由的信息或監聽路由變化。
例如,可以使用$route.params來獲取動態路由的參數:
//?在Vue組件中 mounted()?{ ??console.log(this.$route.params.id); }
登錄后復制
總結一下:
-
$router是Vue Router的實例,提供了導航和路由管理的方法和屬性。
$route是當前活動路由的信息對象,包含了當前路由的相關信息。