Vue腳手架中的Nav（導航）組件是一種用于使用router進行路由跳轉的Vue組件。

在Vue項目中，我們經常需要在不同頁面之間進行跳轉和導航。Nav組件可以幫助我們快速構建導航菜單，提供路由跳轉的功能，并且可以根據當前路由動態設置菜單選中狀態。

// Nav組件示例代碼
<template>
<div>
<nav>
<ul>
<li :class="{ active: $route.path === '/home' }">
<router-link to="/home">首頁</router-link>
</li>
<li :class="{ active: $route.path === '/about' }">
<router-link to="/about">關于</router-link>
</li>
<li :class="{ active: $route.path === '/contact' }">
<router-link to="/contact">聯系我們</router-link>
</li>
</ul>
</nav>
<router-view />
</div>
</template>
<script>
export default {
name: 'Nav',
data() {
return {
menus: [
{ name: '首頁', path: '/home' },
{ name: '關于', path: '/about' },
{ name: '聯系我們', path: '/contact' },
]
}
}
}
</script>

在上述代碼中，Nav組件使用了<router-link>來進行路由跳轉，并使用<router-view>顯示路由對應的頁面內容。同時，使用了:class動態綁定了菜單項的選中狀態，根據$route.path來判斷當前路由是否與菜單項對應。

通過使用Nav組件，我們可以快速構建具有導航功能的Vue應用，提高開發效率。