Vueでタブメニューを作成する - Qiita<div class="tab"> <div class="tab_box container"> <ul class="tab_list"> <li @click="changeTab('1')" v-bind:class="{'active': isActive === '1'}">New</li> <li @click="changeTab('2')" v-bind:class="{'active': isActive === '2'}">Trend</li> <li @click="changeTab('3')" v-bind:class="{'active': isActive === '3'}">Items</li> </ul> </div> </div> <div class="container"> <div class="article"> <!--タブで入れ替えたいコン
【Vue.js】Vue CLI でタブ機能を作る（動的コンポーネント） - Qiita
