在Vue的世界里，路由是非常重要的一項技術。Vue提供的路由功能可以讓你將應用的不同頁面(route)抽象成組件，通過路由實現切換，從而構建單頁面應用程序(SPA)。這篇文章主要探討Vue路由中的子頁面(子路由)。

Vue路由中的子頁面是指在父組件中嵌套子組件，子組件再嵌套子組件，形成的多層級路由結構。在Vue路由中，可以輕松地實現子路由的定義和使用。

在Vue中定義子路由十分簡單。首先，在路由組件中定義子路由，如下所示：

const router = new VueRouter({
routes: [
{
path: '/parent',
component: Parent,
children: [
{
path: 'child',
component: Child
},
{
path: 'grandchild',
component: GrandChild
}
]
}
]
})

上面的代碼中，我們在路由組件中定義了一個父級路由，同時還定義了兩個子路由。這里需要注意的是，子路由的path會添加在父級路由的path后面。

在父組件中，可以使用<router-view>組件，在不同的path中渲染不同的子組件，如下所示：

在子組件中，由于是嵌套在父組件中的，因此子組件的path需要以父組件的path開頭。

在Vue中使用子路由時，經常會遇到一個問題，就是在子路由中定義的<router-link>標簽無法正確的跳轉。這是由于子路由的path并沒有添加在父路由的path后面，因此需要在子路由的path前面添加/符號。

上面的代碼中，我們定義了一個名為Child的子組件，它的路徑是/parent/child，但是當我們在父組件的模板中寫<router-link>標簽時，需要寫成如下形式：

Child

總之，在Vue路由中定義子路由非常簡單，只需要在父組件中定義好子路由，然后使用<router-view>標簽進行渲染即可。子組件的路徑需要以父組件路徑開始，并且在<router-link>標簽中指向子路由時需要在path前加上/符號。