【Vue.js】Vue内でenumで定義した内容とリンクさせたい

セレクトボックスを生成するときに、enumで定義した内容とリンクさせたい。

select

enum status: { todo: 1, doing: 2, done: 3 }

option valueにenumで定義した内容を渡せばOK

<div class="form-group">
  <label for="status">ステータス</label>
  <select name="ステータス" class="form-control" id="status" v-model="task.status">
    <option value="todo">TODO</option>
    <option value="doing">DOING</option>
    <option value="done">DONE</option>
  </select>
</div>