使用Jquery select2时VueJs v-on：change事件不起作用

Question

我正在为我的项目使用VusJs。一切都很好，但是当我尝试将jquery select2用于我的选择选项时，VueJs v-on:change事件将无法正常工作。我该怎么办？有人可以帮我吗？ 这是我表单中的选择选项-

<select id="purchaseItemId" ref="selectPurchaseItem" class="form-control select2" v-model="itemEntry.itemId" v-on:change="setItems($event)">                            
    <option :value="item.id + '_' + item.name + '_' + item.min_sale_price" v-for="item in purchaseItems">@{{ item.code }} - @{{ item.name }}</option>
</select>

我的剧本就像波纹管

<script src="{{ asset('js/vue.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/select2.min.js') }}"></script>
<script>
    $(function () {
      $(".select2").select2({
          placeholder: "Choose Item",
      });
    });
</script>
<script>
    var newApp = new Vue({
         el:'#purchaseApp',
         data: { ..... },
         methods: {
             setItems:function(event) {
                 alert('fired');
             },
         }
    });
</script>