院卒新人サラリーマンのメモ代わり

備忘としてのメモを記載

切り替えタブ

切り替えタブ | 基礎から学ぶ 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