Vue3を使う上で、たくさんある「ディレクティブ」*1は避けて通れない。 ということで今回は「v-bind」について学びます。 詳細は公式ドキュメントが一番詳しく書いてあります。 そちらの内容を少しかみ砕きます。 基本の流れ 「v-bind」はHTML要素に埋め込む…

Vue3をもちいて今日はプルダウンを作ってみる。 基本は、javascript側で定義した内容をプルダウンの結果として使う。 今回のオチ （HTML側） <select id="categorys"> <option v-for="category in categorys" v-bind:value="category.value"> {{ category.name }} </option> </select> （javascript側） const categorys = { data() { return { categorys: [ { name: 'catego…