【Vue.js】タブ切り替えが出来る単一ファイルコンポーネントサンプル - Qiita

<template> <div class="tabs"> <div class="btn-container"> <button v-for="(tab, index) in tabs" :key="tab.id" :class="{ active: currentTab === index }" @click="currentTab = index">{{ tab.tabName }}</button> </div> <div class="tab-content"> <div v-show="currentTab === 0"> <h1>Tab1 content</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the indu