title: default value of autocomplete with vuetify
body: <p>so i make an signup and address form for every user and i want every time the user is connected and navigate to the profile page, he will edit his details.
  now i have async autocomplete from api that get for me all the items in object format,
  so i tried to give the v-model an default value but it didn't change, i guess there is supposed to be connection between the items to the v-model, so i tried to fake the async search and get the items but still couldn't see the default value.
  i don't care if the value wont be in the data i just want to see it visual</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  export default {
    props: {
      cmd: {
        type: String
      },
      itemText: {
        type: String
      },
      itemValue: {
        type: String
      },
      label: {
        type: String
      },
      city: {
        type: Number
      },
      street: {
        type: Number
      },
      type: {
        type: String
      },
      defaultValue: {
        type: String || Number
      }
    },
    data() {
      return {
        loading: false,
        items: [],
        search: null,
        select: null
      };
    },
    watch: {
      search(val) {
        val &amp;&amp; val !== this.select &amp;&amp; this.querySelections(val);
      },
      select(val) {
        if (val !== this.defaultValue) {
          this.$emit("selected", { value: val[this.itemValue], text: val[this.itemText] });
        }
      }
    },
    async mounted() {
      const defaultSelected = {};
      defaultSelected[`${this.itemText}`] = this.defaultValue ? this.defaultValue.value : this.defaultValue;
      defaultSelected[`${this.itemValue}`] = this.defaultValue ? this.defaultValue.id : this.defaultValue;
      await this.querySelections(defaultSelected[`${this.itemText}`]);
      console.log(this.items);
      // this.select = defaultSelected[`${this.itemText}`];
    },
    methods: {
      async querySelections(v) {
        this.loading = true;
        // Simulated ajax query
        const data = (await this.$services.SearchService.searchAddress(v, this.cmd, this.city, this.street)).data;
        console.log(data);
  
        if (this.type === "city") {
          this.items = data.Data[`CitiesRes`];
        }
  
        if (this.type === "street") {
          this.items = data.Data[`StreetsRes`];
        }
  
        if (this.type === "streetNumber") {
          this.items = data.Data["NumbersRes"];
        }
        this.loading = false;
      },
      asyncinsertDefualtData() {}
    }
  };
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;v-autocomplete
      v-model="select"
      :loading="loading"
      :items="items"
      :search-input.sync="search"
      :item-text="itemText"
      :item-value="itemValue"
      :value="defaultValue"
      return-object
      cache-items
      flat
      hide-no-data
      hide-details
      solo
      :label="label"
    &gt;&lt;/v-autocomplete&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>