Select2 as a vue component

Select2.vue

<template>
	<select>
    <slot></slot>
  </select>
</template>
<script>
export default {
  name:'Select2',
	props: {
    'value':{
      required:true
    },
    'options':{
      type:Object,
      required:false
    }
  },
	watch: {
		value: function (value) {
			this.reload(value);
		}
	},
	methods:{
	reload : function (value) {
		var select = $(this.$el);
		select.val(value || this.value);
		select.select2('destroy');
		select.select2(this.options||{});
	}
	},
	mounted: function () {
		var vm = this;
		var select = $(this.$el);
		select
			.val(this.value)
			.on('change', function () {
				vm.$emit('input', this.value);
			});
		select.select2(this.options||{});;
	},
	updated: function () {
		this.reload();
	},
	destroyed: function () {
		$(this.$el).select2('destroy');
	}
}
</script>