VUE写一个顶部导航栏

最近一个实验要做一个中超足球联赛的数据库设计，我打算采用springboot+vue来完成，现在是从零开始学习vue的过程，先试着写一个顶部导航栏。效果如下：

新建一个navbar的组件

首先在APP.VUE中写好header的样式

<template>
 <div id="app">
   <header>
     <Navbar />
   </header>
 </div>
</template>

<script>
import Navbar from '@/views/Navbar'
export default {
     
  name: 'app',
  components: {
     
    Navbar
  }
}
</script>