ハンバーガーメニューの表示について

はじめまして。

vueを始めて数日の初心者ですが、どうぞよろしくお願いいたします。

今vuetifyでハンバーガーメニューを作成しようとしてるのですが
メニュー(index,Home)を表示するためには、下記コード以外に
何が必要になるのでしょうか。

【v-app内】
<v-app-bar-nav-icon @click.stop=“drawer = true”>

【データ定義】
data: () => ({
drawer: false,
menus: [
{ title: ‘Index’, icon: ‘mdi-web’, url: ‘/’ },
{ title: ‘Home’, icon: ‘mdi-home’, url: ‘/home’ },

かなり初歩的な質問だと思いますが、ご教示お願い致します。

以下を試してみてはどうでしょうか。

  • (1) … source を確認
  • (2) … codepen で試行錯誤

View source

Edit in Codepen

8cf022さま

親切に教えていただき有難うございます。
早速試してみたいと思います。

また何かありましたら、どうぞよろしく
お願い致します。