在前端開發中，jQuery 是不可或缺的一個類庫，它方便了開發者操作 DOM，實現動態頁面效果。而 Vue.js 作為一種前端框架，也具有非常的便捷性和易用性。那么，如何在 Vue.js 中調用 jQuery 呢？下面我們詳細介紹一下。

首先，我們需要安裝 jQuery，可以通過 npm 安裝，也可以通過直接引入服務器上的 jQuery 文件。如果我們通過 npm 安裝，則需要在控制臺中輸入以下命令：

npm install jQuery

安裝成功后，我們可以在項目中通過 import 語句引入 jQuery，如下代碼：

import $ from 'jQuery';

如果我們是通過直接引入服務器上的 jQuery 文件，則需要在項目中這樣引入：

引入成功后，我們就可以在 Vue 組件中使用了。但在使用前，我們需要先在組件的 mounted 鉤子函數中創建一個 jQuery 的實例對象，如下：

mounted: function () {
this.$jQuery = $($vm.$el);
}

上面的代碼中，我們在掛載組件后，通過 $vm.$el 獲取到當前組件的 DOM 元素，然后用 $ 包裹起來，轉換成 jQuery 的對象。這時候我們就可以使用 jQuery 的函數來操作 DOM 了，如下所示：

mounted: function () {
this.$jQuery = $($vm.$el);
this.$jQuery.find('.box').addClass('active');
}

上述代碼中，我們使用了 jQuery 的 find 函數來查找組件中的類為 box 的元素，然后用 addClass 函數添加了一個名為 active 的 class 樣式。

如果我們想要在 Vue 組件中使用 jQuery 插件，也非常簡單。我們只需要在掛載組件的 mounted 鉤子函數中，引入插件并掛載到 jQuery 對象上即可，如下代碼所示：

import 'jquery-validation/dist/jquery.validate.min.js';
mounted: function () {
this.$jQuery = $($vm.$el);
this.$jQuery.validate();
}

上述代碼中，我們通過 import 語句引入了 jQuery Validation 插件，然后在 mounted 鉤子中，用 validate 函數將插件掛載在了 jQuery 對象上，這樣就可以在組件中使用該插件了。

綜上，我們可以看到，在 Vue.js 中調用 jQuery 非常容易且方便。只需要在掛載組件的鉤子函數中創建一個 jQuery 對象，然后就可以使用 jQuery 的函數來操作 DOM，或者引入 jQuery 插件來實現更復雜的功能了。