使用element写一个导航栏

可以按照以下步骤使用element组件库来编写一个导航栏：

1. 安装element-ui

在项目中安装element-ui组件库，可以使用npm或者yarn安装，具体命令如下：

npm i element-ui -S

或者

yarn add element-ui

2. 引入element-ui样式

在项目入口处引入element-ui的样式文件，可以在main.js中添加以下代码：

import 'element-ui/lib/theme-chalk/index.css';

3. 编写导航栏代码

在需要显示导航栏的地方，使用`el-menu`和`el-menu-item`组件来编写代码，示例代码如下：

<template>
  <el-menu
    :default-active="'1'"
    class="el-menu-demo"
    mode="horizontal"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b">
    <el-menu-item index="1">首页</el-menu-item>
    <el-menu-item index="2">新闻</el-menu-item>
    <el-menu-item index="3">产品</el-menu-item>
    <el-menu-item index="4">关于我们</el-menu-item>
  </el-menu>
</template>

4. 完成导航栏样式

根据自己的需求，可以使用CSS样式来调整导航栏的样式，例如：

.el-menu-demo {
  margin-bottom: 20px;
}

这样就可以完成一个简单的导航栏了。