title: placeholder for select in vuejs 2.0.0
body: <p>I am creating a webapp using <a href="https://vuejs.org/guide/forms.html" rel="noreferrer">vuejs 2.0</a>. I have created simple select input using following code:</p>
  
  <pre><code>  &lt;select v-model="age"&gt;
      &lt;option value="" disabled selected hidden&gt;Select Age&lt;/option&gt;
      &lt;option value="1"&gt; 1 Year&lt;/option&gt;
      &lt;option value="11"&gt; 11 Year&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>and I have this in <code>data</code> of my Vue component:</p>
  
  <pre><code>data () {
    return {
      age: "",
    }
  },
  watch: {      
    age: function (newAge) {
      console.log("log here")
    }
  </code></pre>
  
  <p>But I start to get this error when adding default value for select:</p>
  
  <blockquote>
    <p>ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-5cf0d7e0!./~/vue-loader/lib/selector.js?type=template&amp;index=0!./src/components/cde.vue
    template syntax error :
    inline selected attributes on  will be ignored when using v-model. Declare initial values in the component's data option instead.</p>
    
    <p>@ ./src/components/cde.vue 10:23-151</p>
    
    <p>@ ./~/babel-loader!./~/vue-loader/lib/selector.js?
    type=script&amp;index=0!./src/views/abcView.vue
    @ ./src/views/abcView.vue</p>
    
    <p>@ ./src/router/index.js</p>
    
    <p>@ ./src/app.js</p>
    
    <p>@ ./src/client-entry.js</p>
    
    <p>@ multi app</p>
  </blockquote>
  
  <p>I tried to give default value in the data section of the component as well, but then nothing happened. I tried <code>v-bind</code> also but then watchers stopped working on age variable.</p>