如何使用Vuetify 2创建菜单

Question

我开始使用vuetify，我想创建一个类似于https://www.vipsanteetbeaute.com/的菜单。

但是v-app-bar使我感到困惑：我是否需要使用v-app-bar和内部使用v-button，并且在此vbutton中使用v-menu？我不知道如何/从哪里开始有很多要素。

这是我现在要做的唯一一件事，就是全部放在左边，我希望它居中

<template>
  <v-app-bar app color="primary">
    <v-toolbar-items class="hidden-sm-and-down">
      <v-btn text>Menu 1</v-btn>
      <v-btn text>Menu 2</v-btn>
      <v-btn text>Menu 3</v-btn>
    </v-toolbar-items>
    <v-img
      :src="require('@/assets/logo.png')"
      @click="$vuetify.goTo(0)"
      class="mr-5"
      contain
      height="48"
      width="48"
      max-width="48"
    />
    <v-toolbar-items class="hidden-sm-and-down">
      <v-btn text>Menu 1</v-btn>
      <v-btn text>Menu 2</v-btn>
      <v-btn text>Menu 3</v-btn>
    </v-toolbar-items>
  </v-app-bar>
</template>