title: Vue.js 1.0 select
body: <p>In my webapp I've a select like this:</p>
  
  <pre><code>&lt;select class="Form-group-item" v-model="user.corporation_id"&gt;
      &lt;option value="" disabled selected&gt;Corporatie&lt;/option&gt;
      &lt;option v-for="corporation in corporations" v-bind:value="corporation.id"&gt;{{ corporation.name }}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>So I receive <code>user.corporation_id</code> in a json format:</p>
  
  <pre><code>corporation_id:2
  </code></pre>
  
  <p>And I set it on the user object. But when I look into my <code>vue-devtools</code> <code>user.corporation_id</code> is <code>''</code> ??</p>
  
  <p>When I remove the entire select from my html</p>
  
  <p><code>user.corporation_id = 2</code> !</p>
  
  <p>What's wrong here??</p>