title: Vuejs select box have item selected on load
body: <p>Hey everyone so I have this vueapp that loops through an array of displays it works great except when the app loads up I would like the first display (the one with the array index of 0 or the oldest id) to be placed in the dropdown on load how would I do this? Heres the code. </p>
  
  <pre><code>    &lt;div v-show="loggedin==1" class="searchBy"&gt;
      &lt;h2&gt;Selected Display&lt;/h2&gt;
          &lt;select v-model="selectedDisplay" v-on:change="getVideoAndName()"&gt;
        &lt;option v-for="display in displays" :value="display"&gt;{{display.name}}&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>heres the values in an array item. Keep in mind its an array so it also has an index.</p>
  
  <p>aspectratio:"7:3"
  fileFormat:"mp4"
  height:"48"
  id:"31"
  name:"112x48"
  shape:"432x184"
  shapetext:"Shape 4"
  userId:"92"
  width:"112"</p>