动态添加v模型

Question

我的表单上有一个select标签，想要添加v-model。 但是我无法直接将该属性添加到标记中，因为它在服务器端自动生成。

如何动态地将v-model添加到这些选择标签？

HTML

<div id="app">
<select id="place" name="place">
  <option value="Tokyo">Tokyo</option>
  <option value="Osaka">Osaka</option>
</select>
  <select id="date" name="date">
    <option value="5/1">5/1</option>
    <option value="5/2">5/2</option>
  </select>
</div>

的javascript

// these will NOT work
document.getElementById("place").setAttribute("v-model","place");
document.getElementById("date").setAttribute("v-model","date");

new Vue({
  el: '#app',
  data: {
    place: 'Tokyo',
    date: '5/1'
  }
})

提前致谢！