JQuery是一個廣泛使用的JavaScript庫，提供一整套優化HTML文檔操作、事件處理、動畫處理和Ajax交互的API，大大簡化了Web開發者的工作。Vue是一個流行的前端框架，它通過提供一整套MVVM的架構使得開發者可以輕松地構建高性能的Web應用程序。雖然Jquery和Vue都非常實用，但是使用它們的方式是不同的，想要讓兩者同時配合使用，需要掌握一定的技巧。

在使用jquery中使用vue時，我們需要使用vue的一個包裝器，這個包裝器的名稱是“vue-jquery”，這個包裝器可以在JQuery的事件處理程序內使用Vue的數據綁定機制，這樣我們就可以方便地使用Vue的所有功能。如果您想要使用Vue的組件，可以在JQuery的事件處理程序內使用Vue的組件注冊機制，這個注冊機制與Vue的組件系統非常相似，但是可以直接在JQuery的事件處理程序內使用。

在使用vue-jquery時，我們需要先引入包裝器，具體的引入代碼如下：

import $ from 'jquery'
import Vue from 'vue'
import 'vue-jquery'
Vue.use($)

在上述代碼中，我們首先引入jquery，然后引入vue和vue-jquery，并將Vue的一個插件$注冊到Vue中，這樣我們就可以在Vue的事件處理程序中使用jquery。

在使用vue-jquery時，我們需要注意監聽器的使用，下面是一個例子：

$('button').on('click', () => {
this.$emit('click', 'hello')
})

在上面的代碼中，我們在JQuery的單擊事件處理程序中使用了Vue的$emit方法，這個方法是一個用于觸發事件的函數，它接受兩個參數，第一個是事件名，第二個是要傳遞的參數。

除了使用$emit之外，我們還可以在JQuery的事件處理程序中設置Vue的state，下面是一個例子：

$('input').on('input', () => {
this.$store.state.inputValue = $('input').val()
})

在上面的代碼中，我們在JQuery的input事件處理程序中設置了Vue的store，這個store是一個用于存儲數據的對象，它可以讓我們在不同的組件之間進行數據共享。

總的來說，在使用jquery中使用vue時，我們需要掌握Vue的數據綁定機制和組件系統，以及Vue-jQuery這個包裝器。只有充分利用這些技巧，才能讓JQuery和Vue完美地配合使用，從而開發出更加高效實用的Web應用程序。