如果想在普通的HTML頁(yè)面引入jQuer庫(kù)的話(huà)觅够，直接使用
<script src="jQuery.js"></script>即可态蒂。但是如果要在Vue組件中使用jQuery庫(kù)的話(huà)，使用這樣的方式就不行了辽社，需要使用以下方法
一伟墙、安裝jQuery依賴(lài)
在使用jQuery之前，我們首先要通過(guò)以下命令來(lái)安裝jQuery依賴(lài)：
npm install jquery --save
# 如果你更換了淘寶鏡像滴铅，可以使用cnpm來(lái)安裝戳葵，速度更快
cnpm install jquery --save
二、修改配置文件
完成安裝jQuery依賴(lài)之后汉匙，我們要修改 webpack.base.conf 文件配置文件拱烁。注意我現(xiàn)在的Vue版本是2.9，如果你使用的是Vue3.x版本的話(huà)噩翠，這個(gè)配置文件的位置可能不一樣戏自，需要你在項(xiàng)目中找一下。
首先添加一行代碼伤锚，引入webpack擅笔，如下圖所示：
其次是在下圖的位置，添加代碼配置jQuery插件：
三屯援、在組件中引入jquery剂娄，進(jìn)行使用
我們想在哪個(gè)組件中使用jQuery庫(kù)，首先要使用如下命令引入jquery玄呛，然后就可以正常使用了
import $ from 'jquery'
比如我們要在 App.vue組件中使用jQuery，實(shí)例代碼如下：
<template>
<div id="app">
</div>
</template>
<script>
import $ from 'jquery'
export default {
name: 'App',
components: {},
data: function () {
return {}
},
created:function(){
console.log($('#app'));
}
}
</script>
<style>
</style>
