Vue是一個流行的JavaScript框架，可用于構建交互式Web應用程序。Vue中的路由器是一個非常重要的組件，它允許我們將不同的URL映射到不同的組件上。Vue的路由器支持嵌套路由，這意味著我們可以在一個組件內使用子路由。

在Vue中，我們可以通過配置路由對象來設置路由。所有的路由都是基于路由對象配置的，它包含了路由的路徑、組件和其他相關信息。下面是一個基本的路由對象：

const routes = [
{
path: '/home',
component: Home
},
{
path: '/about',
component: About
}
]

在上面例子中，我們定義了兩個路由，一個是'/'，另一個是'/about'。對應的組件是Home和About。接下來，我們來看一下如何設置子路由。

設置子路由可以使我們在一個組件內使用多個路由，在Vue中，處理子路由非常簡單。下面是一個基本的子路由設置：

const routes = [
{
path: '/home',
component: Home,
children: [
{
path: '',
component: Welcome
},
{
path: 'dashboard',
component: Dashboard
}
]
}
]

在上面的代碼中，我們設置了一個/home路由，并將其指向了Home組件。我們在Home組件中使用了子路由，其中包括Welcome和Dashboard組件。當用戶的URL路徑為'/home'時，它將被映射到Home組件中，而不是Welcome組件或Dashboard組件。如果路徑為'/home/dashboard'，那么它將被映射到Dashboard組件中。

當用戶訪問/home路徑時，在Home組件中顯示一個默認的Welcome組件。如果用戶訪問/home/dashboard路徑，那么Dashboard組件將被顯示。需要注意的是，子路由的路徑必須相對于父路由的路徑。

子路由是Vue中非常有用的功能，可以幫助我們更好地組織我們的組件并使其更加靈活。相信通過上述實例，大家已經對Vue子路由的設置有了深入的了解。