Vue Router 是 Vue.js 官方的路由管理器，它可以集中管理所有的路由，通過簡單的配置就可以達到 URL 路由映射到視圖組件的效果。當然，Vue Router 還提供了很多功能，其中一個比較重要的功能就是父子路由的控制。

在 Vue Router 中，可以通過定義子組件的方式來實現父子路由。父組件可以通過指定一個或多個子組件的形式，控制整個應用的頁面展示效果。

{
path: '/user',
component: User,
children: [
{
path: 'profile',
component: UserProfile
},
{
path: 'posts',
component: UserPosts
}
]
}

上面代碼就是一個簡單的父子路由案例，我們可以通過 `path` 屬性來定義父組件的路徑，然后在 `component` 屬性中引用父組件，最后通過 `children` 屬性定義子組件的路由信息。

在子組件中可以通過 `` 標簽來渲染父組件和子組件的嵌套效果。例如：

在上面的代碼中，使用 `` 標簽來生成跳轉鏈接，使用 `` 標簽來渲染子組件。當用戶訪問 `/user/profile` 路徑時，UserProfile 組件將會被渲染到 `` 標簽中。

Vue Router 還提供了一些鉤子函數，我們可以在這些鉤子函數中實現父子路由的控制。例如 `beforeEnter` 鉤子函數可以在進入某個路由之前對該路由進行控制。

{
path: '/user',
component: User,
children: [
{
path: 'profile',
component: UserProfile,
beforeEnter: (to, from, next) =>{
// 判斷用戶是否已經登錄
if (isLoggedIn()) {
next()
} else {
next('/login')
}
}
}
]
}

上面代碼中，在進入 `/user/profile` 路由之前，會先進入 `beforeEnter` 鉤子函數，進行判斷用戶是否已經登錄。如果已經登錄就繼續進入該路由，否則就跳轉到登錄頁面。

總之，Vue Router 的父子路由功能可以讓我們更加靈活地控制應用的頁面展示效果，值得應用和掌握。