vue的$router方法是用于控制頁面路由的核心方法之一，它可以讓我們在頁面之間進行無縫的跳轉和數據的傳遞。

在vue中，$router方法通過VueRouter實例來實現。我們可以在組件中通過訪問this.$router來使用它提供的方法。

// 創建VueRouter實例
const router = new VueRouter({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
]
})
// 在組件中使用$router方法
export default {
name: 'App',
methods: {
goToAbout() {
this.$router.push({ name: 'About' })
}
}
}

$router提供了很多方法來控制路由，比如push、replace、go等等。其中，push方法用于將頁面跳轉到一個新的路由，replace方法用于替換當前路由，go方法用于前進或后退頁面。

在使用$router方法的同時，我們還需要注意vue-router的編程式導航和聲明式導航的區別。編程式導航是通過調用$router提供的方法實現頁面跳轉，而聲明式導航則是通過router-link組件來實現，它可以在模板中直接編寫需要跳轉的鏈接。

// 編程式導航
this.$router.push('/about')
// 聲明式導航關于我們

總之，$router方法是vue中非常重要的一個方法，它讓我們可以更加方便地控制頁面路由。在使用$router方法時，我們需要注意其提供的方法和編程式/聲明式導航的區別。