路由
Nuxt 檔案系統路由為 `pages/` 目錄中的每個檔案建立一個路由。
Nuxt 的一個核心功能是檔案系統路由。`app/pages/` 目錄中的每個 Vue 檔案都會建立一個相應的 URL（或路由），用於顯示檔案內容。透過為每個頁面使用動態匯入，Nuxt 利用程式碼分割來為請求的路由提供最少量的 JavaScript。
頁面
Nuxt 路由基於Vue Router並根據檔名，從 `app/pages/` 目錄中建立的每個元件生成路由。
此檔案系統路由使用命名約定來建立動態和巢狀路由。
-| pages/
---| about.vue
---| index.vue
---| posts/
-----| [id].vue
{
"routes": [
{
"path": "/about",
"component": "pages/about.vue"
},
{
"path": "/",
"component": "pages/index.vue"
},
{
"path": "/posts/:id",
"component": "pages/posts/[id].vue"
}
]
}
導航
`
當 `
app/pages/index.vue
<template>
<header>
<nav>
<ul>
<li><NuxtLink to="/about">About</NuxtLink></li>
<li><NuxtLink to="/posts/1">Post 1</NuxtLink></li>
<li><NuxtLink to="/posts/2">Post 2</NuxtLink></li>
</ul>
</nav>
</header>
</template>
路由引數
`useRoute()` 可組合項可以在 Vue 元件的 `