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






