公式リファレンス。 https://vuetifyjs.com/ja/components/tabs/

API https://vuetifyjs.com/ja/api/v-tabs/

一番簡単な書き方は、 の中で完結する方法。 のhrefアンカーに対応するvalueを持つが表示される。 特に用途がなければ、にv-modelをセットしておく必要はない。 v-modelされていれば、その変数には選択中のvalueが入る。 （この時、アンカーの#は含まない）

を使うと、タブボタン部のとコンテンツ部で分離することができる。 この場合、とはお互いにv-modelで同じ変数を見ている必要がある。

v-model が参照する変数に初期値セットしておけば、そのタブが選択された状態から始まる。

もし、コンテンツを分離しない書き方で初期値をセットしたいだけなら、に直接valueでタブを指定しても構わない。

タブ切り替え時のアニメーション（トランジション）は