做一个vue的前台用户页面，要求导航栏横向

好的，我可以为您提供一个简单的Vue前台用户页面的示例代码，其中包括导航栏横向布局：

<template>
  <div>
    <nav>
      <ul>
        <li><router-link to="/">Home</router-link></li>
        <li><router-link to="/about">About</router-link></li>
        <li><router-link to="/contact">Contact</router-link></li>
      </ul>
    </nav>
    <router-view />
  </div>
</template>

<style>
nav ul {
  display: flex;
  justify-content: space-between;
}
nav li {
  margin: 0 10px;
}
</style>

在这个示例中，我们使用了Vue的单文件组件，并包含了一个水平导航栏。我们使用了Vue Router来管理路由，并在导航栏中使用了router-link组件来导航到其他页面。nav ul和nav li的CSS样式设置使得导航栏的布局是水平的，并且导航项之间有一定的间距。 `<router-view />` 标记用于渲染当前路由对应的组件。

您可以根据您的需求进行定制化，例如更改导航栏的样式，添加新的导航项等。同时，您需要在Vue Router中配置路由，并为每个路由指定一个相应的组件。