【Vue.js】vueでドロップダウンリストを作成する

使い方

<div>
    <h2>データを変更</h2>
    <select v-model="現在のステータス">
        <option disabled value="">ステータスを選択</option>
        <option v-for="item in 定義体.ステータス"
                v-bind:value="item"
                v-bind:key="item">
            ｛｛ item ｝｝
        </option>
    </select>
</div>

・・・
data: function () {
    return {
        現在のステータス: "未登録",
        定義体: {
            ステータス: {
                未登録: "未登録",
                承認中: "承認中",
                却下: "却下",
                承認済: "承認済"
            }
        }
    };
},
・・・

参考