vuetifyautocomplete.vue

<script type="text/x-template" id="app-template">
  <v-app>
    <v-container>
      <v-autocomplete
		id="city"
		name="city"
		required
		label="Your City"
		v-model="form.city"
		hide-no-data
		hide-selected
		:items="cities"
		:loading="loading"
		:search-input.sync="searchcity"
		@update:search-input.once="getcity"
		item-text="city"
		item-value="iata"
		placeholder="Start typing to Search"
	   ></v-autocomplete>
    </v-container>
  </v-app>
</script>

<div id="app"></div>

<script>
const App = {
  template: "#app-template",
  data: () => ({
    form: {
      city: 'Belfast'
    },
		searchcity: '',
		cities: [],
		loading: false
  }),
	methods: {
		getcity() {
			// the fetch api
		}
	}
};

new Vue({
  vuetify: new Vuetify(),
  render: (h) => h(App)
}).$mount("#app");

</script>