vue写页面导航栏具体代码

以下是一个简单的 Vue 页面导航栏的代码示例：

<template>
  <div>
    <nav>
      <ul>
        <li><router-link to="/">首页</router-link></li>
        <li><router-link to="/about">关于我们</router-link></li>
        <li><router-link to="/contact">联系我们</router-link></li>
      </ul>
    </nav>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

在这个示例中，我们使用了 Vue Router 的 `<router-link>` 组件来创建导航链接，然后在 `<router-view>` 中渲染当前路由匹配到的组件。你可以根据自己的需要修改导航链接的文本和路由路径。