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)信息。
