v-forで同じデータを複数表示させたい

Question

前提・実現したいこと

v-forを使用して

　　 　４月　５月　６月
項目A　〇P　 〇P 〇P
項目B　〇P　 〇P 〇P

上記の様な表を作りたいのですが、縦に項目が羅列されるだけで５
月・６月のポイント用のみを取り込む方法が分かりません。
恐れ入りますが回答いただけますと大変うれしく思います。

発生している問題・エラーメッセージ

エラーメッセージ
特に出ておりません。

### 該当のソースコード

```ここに言語名を入力
ソースコード
【HTML】
<table id="team-a" border="1">
		<section>
			<tr align="center">
				<td rowspan="11">Aチーム</td>
				<td>項目名</td><td>{{ month1 }}月</td><td>{{ month }}月</td><td>{{ month }}月</td>
			</tr>
			<tr v-for="item in items">
			   <td> {{ item.category }}</td><td>  {{ item.point }} </td>
			</tr>
		</section>
	</table>
【JS】
  { team: 'A', month: '4月', category: 'ホテル（宿泊）',point:14 },
  { team: 'A',  month: '4月', category: 'ホテル（婚礼）',point:7 },
  { team: 'A',  month: '5月', category: 'ホテル（宿泊）',point:146784 },
  { team: 'A',  month: '5月', category: 'ホテル（婚礼）',point:7891 },
  { team: 'A',  month: '6月', category: 'ホテル（宿泊）',point:675677896 },
  { team: 'A',  month: '6月', category: 'ホテル（婚礼）',point:9500 },

それぞれこのような書き方を現在しております。
### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）
Visual Studio Codeを使用しております。


お手数ですが、なにとぞよろしくお願いいたします。

Answer 1

月毎にフィルタリングした結果を描画されると良いかと思います。
currentMonthを5月とか6月とかに変える事で、リストが変化するかと思います。

data: () => ({
  currentMonth: '4月',
  dataSource: [
    { team: 'A', month: '4月', category: 'ホテル（宿泊）',point:14 },
    { team: 'A',  month: '4月', category: 'ホテル（婚礼）',point:7 },
    { team: 'A',  month: '5月', category: 'ホテル（宿泊）',point:146784 },
    { team: 'A',  month: '5月', category: 'ホテル（婚礼）',point:7891 },
    { team: 'A',  month: '6月', category: 'ホテル（宿泊）',point:675677896 },
    { team: 'A',  month: '6月', category: 'ホテル（婚礼）',point:9500 }
  ]
}),
computed: {
  items() {
    return this.dataSource.filter(d => d.month === this.currentMonth)
  }
}