切り替えタブ
切り替えタブ | 基礎から学ぶ Vue.js
を読んでいて詰まったこと(本は買って読みました)
<TabItem v-for="item in list" v-bind="item" :key="item.id" v-model="currentId"/>
v-model カスタムコンポーネントを一つの入力フォームのように使える
v-bind 引数を省略するとオブジェクトを渡せる
v-bindに関してはオブジェクト名を属性として渡したほうがいいと思う
v-bind:item="item"
このほうが子コンポーネントで扱いやすくなる、ついでに公式も推奨してる。
コンポーネントの基本 — Vue.js