title: How to bind v-model to v-select
body: <p>So I'm creating a web form with Vuejs / Vuetify and I need to provide an option for users to edit existing data. When I'm on the edit page, I have an "item" object with contains all the properties/values which the user can edit. I can bind these to v-text-field via v-model without issues. The problem comes when binding the existing value to a v-select component. it doesn't fill the v-select box with the value of the v-model it's bound to. It might also be worth noting that what I need to pass to the backend is the brand-id but what I need to show to the UI is the brand-name (string)</p>
  
  <pre><code>&lt;v-select
   :items="brandOptions"
   :error-message="['Please select a brand']"
   required
   placeholder="Select a brand"
   item-text="brand"
   item-value="id"
   id="brand"
   v-model="product.brand"
  &gt;&lt;/v-select&gt;
  </code></pre>