在前端開發中，jQuery是一項非常重要的技術。它為我們提供了一種優雅、方便和易于使用的方法來操作DOM，還能輕松處理事件、ajax請求和動畫等。而Vue.js是一套用于構建用戶界面的漸進式框架。它使用了類似于React的虛擬DOM和組件化的開發思路，能夠快速地開發出高效、可復用并且易維護的單頁應用程序。本文將會介紹如何在Vue項目中引入jQuery，并進行簡單應用。

引入jQuery非常簡單。首先在我們的項目中找到index.html文件，然后在頭部添加以下代碼：

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">
這里使用的是CDN引入，如果您下載了jQuery庫的代碼，可以使用本地引入的方式進行操作。接下來，在Vue組件中進行應用。首先找到需要使用jQuery的部分，然后使用ref指令給該部分命名：
<template>
<div class="my-div" ref="myDiv">
...
</div>
</template>
在Vue中，每個組件都有自己獨立的作用域，因此不能直接使用jQuery來操作DOM元素，必須在mounted鉤子函數中引入jQuery并進行初始化操作。具體代碼如下：
<script>
import $ from 'jquery';
export default {
mounted() {
$(this.$refs.myDiv).addClass('active');
}
}
</script>
在這里我們使用了ES6的import語句來引入jQuery，并在mounted函數中使用了addClass方法來添加CSS class。注意我們使用了this.$refs.myDiv來獲取DOM節點，這里的this代表的是Vue組件對象。
如果您希望在整個應用程序中都可以使用jQuery，可以將jQuery綁定到Vue的原型上，這樣每個組件中就可以直接使用$符號來操作DOM：
<script>
import $ from 'jquery';
Vue.prototype.$ = $;
</script>
綁定完之后，我們就可以在任何一個組件中使用$來進行DOM操作了。例如：
<template>
<div>
...
</div>
</template>
<script>
export default {
mounted() {
$('.my-class').addClass('active');
}
}
</script>
至此，我們已經成功地在Vue項目中引入了jQuery，并進行了簡單應用。總的來說，jQuery是一項非常實用的技術，能夠大大提升我們的開發效率和用戶體驗。當然，在使用過程中還需要注意一些細節問題，例如組件作用域和性能優化等。