title: Vue selected prop not working with v-model
body: <p>The <code>:selected</code> prop is not selecting the target <code>option</code> in Vue2 when i use <code>v-model</code> for <code>select</code> :</p>
  
  <p><strong>Template</strong></p>
  
  <pre><code>...
  &lt;select v-model="form.item"&gt;
      &lt;option :value="item.id" v-for="(item, index) in items" :selected="item.status == 2"&gt;{{ item.name }}&lt;/option&gt;
  &lt;/select&gt;
  ...
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>data: function () {
      return {
          items: [{id:1, name: "foo", status: 1},{id: 3, name: "bar", status: 2}],
          form: {item: null}
      }
  }
  </code></pre>
  
  <p>In this case , after mounted there is no selected option.</p>
  
  <p>How can i fix this?</p>
  
  <p><strong>Note</strong></p>
  
  <p>When i remove <code>v-model</code> it works fine (target <code>option</code> is selected by default) but i don't have the value of the selected <code>option</code> in <code>form.item</code> </p>