Vue-multiselect

Example fiddle

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vue-multiselect.min.css">
<script src="https://unpkg.com/[email protected]/dist/vue-multiselect.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.0/vue-resource.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="app">
  <multiselect :options="options" :value="optionsProxy"              @input="updateSelected" @search-change="searchQuery" :show-  labels="true" :multiple="true" :searchable="true" :close-on-  select="true" placeholder="Search" :custom-label="customLabel" track-  by="name"
    :loading="showLoadingSpinner">
  </multiselect>
</div>

SCSS

* {
  font-family: 'Lato', 'Avenir', sans-serif;
}

Babel + JSX

new Vue({
	components: {
  	Multiselect: window.VueMultiselect.default
	},
	data: {
  	options: [],
    optionsProxy: []
	}
}).$mount('#app')