title: Using v-select dropdown for default value
body: <p>I have a dropdown using the v-select component and setting my options as "US" and "CANADA".</p>
  
  <p>I want to set the default value (<code>:value</code>)to read off of <code>customer.country_code</code>, which is set to "US" in this case but it doesn't have the preloaded selection.  I have use v-select in similar instances but not sure what I'm messing up here. </p>
  
  <pre><code>&lt;v-select
     :options="['US', 'CA']"                                   
     :value="customer.country_code"                                       
     v-model="defaultCountry"
  &lt;/v-select&gt;
  
  </code></pre>
  
  <p>The v-model <code>defaultCountry</code> is initiated like this:</p>
  
  <pre><code>data() {
     return {
         defaultCountry: null
    }
  },
  
  props: {
      customer: { type: Object }
  }
  </code></pre>
  
  <p>The customer.country_code is a prop so I can't instantiate the v-model to that value.</p>