title: How can I set selected option selected in vue.js 2?
body: <p>My component vue is like this :</p>
  
  <pre><code>&lt;template&gt;
      &lt;select class="form-control" v-model="selected" :required @change="changeLocation"&gt;
          &lt;option :selected&gt;Choose Province&lt;/option&gt;
          &lt;option v-for="option in options" v-bind:value="option.id" &gt;{{ option.name }}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I use this : <code>&lt;option :selected&gt;Choose Province&lt;/option&gt;</code> to selected</p>
  
  <p>But whene executed, on the gulp watch exist error</p>
  
  <p>The error like this :</p>
  
  <blockquote>
    <p>ERROR in
    ./~/vue-loader/lib/template-compiler.js?id=data-v-53777228!./~/vue-load
    er/lib/selector.js?type=template&amp;index=0!./resources/assets/js/components/bootst
    rap/LocationBsSelect.vue Module build failed: SyntaxError: Unexpected
    token (28:4)</p>
  </blockquote>
  
  <p>Seems my step is wrong</p>
  
  <p>How can I solve it?</p>