$router是Vue.js框架中的核心路由庫，用于實(shí)現(xiàn)前端頁面的路由跳轉(zhuǎn)，無需刷新瀏覽器即可更新頁面內(nèi)容。$router是在Vue實(shí)例化之后創(chuàng)建的，可以通過屬性或方法調(diào)用。

在Vue.js中，我們可以通過指令和組件來定義頁面，而路由則是用于管理這些頁面之間的跳轉(zhuǎn)。$router中最常見的方法是push和replace，它們分別用于向路由棧中添加新的記錄和替換當(dāng)前路由記錄。

methods: {
handleRoute() {
this.$router.push('/new-path')
},
replaceRoute() {
this.$router.replace('/new-path')
}
}

除了push和replace方法外，$router還提供了一些其他的方法和屬性，例如go、back、forward、currentRoute等。其中，currentRoute可以用于獲取當(dāng)前的路由信息，例如當(dāng)前的路由路徑、參數(shù)和查詢字符串等。

mounted() {
console.log(this.$router.currentRoute.path)
console.log(this.$router.currentRoute.params)
console.log(this.$router.currentRoute.query)
}

除了$router之外，Vue.js還提供了$route對象，它可以用于獲取當(dāng)前的路由信息，例如當(dāng)前的路由路徑、參數(shù)和查詢字符串等。$route是只讀的，不能用于修改路由記錄。

mounted() {
console.log(this.$route.path)
console.log(this.$route.params)
console.log(this.$route.query)
}

總之，通過$router和$route對象，開發(fā)者可以輕松地實(shí)現(xiàn)前端路由跳轉(zhuǎn)、管理和獲取路由信息，從而更好地組織和展示前端頁面，提高用戶的體驗(yàn)。