DAY6：Nuxt.js的路由和導航

探索路由

在Nuxt.js中，路由是指定我們應用程序中不同頁面之間導航的方式。這類似於一張航海地圖，告訴我們如何到達目的地。

創建路由

要創建路由，我們需要在nuxt.config.js文件中進行配置。以下是一個簡單的示例：

// nuxt.config.js

export default {
  // 路由配置
  router: {
    routes: [
      {
        name: '首頁',
        path: '/',
        component: '~/pages/index.vue'
      },
      {
        name: '關於我們',
        path: '/about',
        component: '~/pages/about.vue'
      }
    ]
  }
}

上面的配置定義了兩個路由：首頁和關於我們。

使用路由

在Nuxt.js中，我們可以使用元件來實現內部導航。這讓我們可以輕鬆地從一個頁面跳轉到另一個頁面，而無需手動處理URL。

<!-- 在模板中使用 <nuxt-link> -->
<nuxt-link to="/">返回首頁</nuxt-link>
<nuxt-link to="/about">關於我們</nuxt-link>

能夠輕鬆地在您的Nuxt.js應用程序中航行，將不同的頁面連接起來，就像掌握了一張寶貴的地圖。