title: How can I get selected value in dropdown on vue component?
body: <p>My vue component, you can see this below </p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          ...
          &lt;select class="form-control" v-model="selected" @change="myFunction()"&gt;
              &lt;option selected disabled&gt;Status&lt;/option&gt;
              &lt;option v-for="status in orderStatus" v-bind:value="status.id"&gt;{{ status.name }}&lt;/option&gt;
          &lt;/select&gt;
          ...
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          data() {
              return{
                  selected: ''
              }
          },
          methods: {
              myFunction: function() {
                  console.log(this.selected)
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>On the gulp exist error </p>
  
  <blockquote>
    <p>Vue template syntax error:</p>
    
    <p>: inline selected attributes on 
    will be ignored when using v-model. Declare initial values in the
    component's data option instead.</p>
  </blockquote>
  
  <p>How can I solve it?</p>