首先來(lái)解決問(wèn)題：

最簡(jiǎn)單的用法，在項(xiàng)目中安裝jquery

npm?install?jquery

需要引用的組件中使用jquery，引入即可

import?$?from?'jquery'

也可通過(guò)配置webpack的plugins的API參數(shù)，將jq作為全局插件的形式進(jìn)行引入：

new?webpack.ProvidePlugin({
????jQuery:?"jquery",
????$:?"jquery"
})

注：若用vue-cli進(jìn)行生成，則在build/webpack.base.conf.js中

配置webpacck后在入口文件main.js中引入即可全局使用

import?$?from?'jquery'

接下來(lái)說(shuō)兩個(gè)問(wèn)題：

1. 解決問(wèn)題的方式

   題主的這個(gè)問(wèn)題其實(shí)已經(jīng)算是一個(gè)很陳舊的問(wèn)題，通過(guò)百度等搜索引擎能夠很快找到問(wèn)題的解決辦法。題主應(yīng)當(dāng)養(yǎng)成自己解決問(wèn)題的能力，往往在學(xué)習(xí)和工作過(guò)程中，去尋求別人來(lái)解決問(wèn)題，不僅費(fèi)時(shí)而且有時(shí)候效果也不是很好，自己的印象也不夠深。

2. jquery提供最大的便利是dom操作，通過(guò)對(duì)庫(kù)的封裝為用戶提供便捷的dom操作函數(shù)。而vue的核心思想則是數(shù)據(jù)驅(qū)動(dòng)，一切以數(shù)據(jù)優(yōu)先，以數(shù)據(jù)綁定的方式實(shí)現(xiàn)dom的自動(dòng)更新，從而最大限度減少用戶的dom操作，使更多的精力用來(lái)關(guān)注邏輯實(shí)現(xiàn)而非視圖交互。所以，題主既然用了vue，就該遵循vue的思想，更多地從數(shù)據(jù)驅(qū)動(dòng)的角度去考慮需求的實(shí)現(xiàn)，而不是傳統(tǒng)的dom操作。當(dāng)然，vue不希望你作dom的新增和更新工作，因?yàn)樗呀?jīng)幫你完成了，但vue能做一部分，不是所有。在實(shí)際開發(fā)任務(wù)中，有一些需求是無(wú)法避免去獲取dom并操作dom的。包括vue中的自定義指令，其實(shí)也是在對(duì)dom進(jìn)行操作。這些時(shí)候就需要根據(jù)具體的業(yè)務(wù)需求來(lái)進(jìn)行取舍了。

都用vue了就別用JQ了 要換換思路了

而且jq 于vue兼容有些問(wèn)題，你要踩的坑會(huì)很多