Vue2+VueRouter2+Webpack+Axios 構(gòu)建項目實(shí)戰(zhàn)2017重制版（十四）在項目中使用 jQuery
前情回顧
在上一篇博文中，我們講到了，如何在 vue 項目中 使用百度的 UEditor 富文本編輯器，詳情點(diǎn)擊《Vue2+VueRouter2+Webpack+Axios 構(gòu)建項目實(shí)戰(zhàn)2017重制版（十三）集成 UEditor 百度富文本編輯器》。相信大家對引用這種非 npm 的包有了一定的認(rèn)識。
很多人學(xué)習(xí) js 都是從 jQuery 開始的，我也不例外。有時候進(jìn)行一些操作的時候，還是感覺 jQuery 比較好用，那么，我們?nèi)绾卧陧椖恐惺褂?jQuery 呢？這篇博文帶你實(shí)踐。
引用 jQuery 文件
首先呢，jQuery 是提供了 npm 的安裝包的。我們的 vue-cli 腳手架，也是支持引入的。不過設(shè)置比較麻煩，如果你對使用這種方法比較敢興趣，可以直接參考下面的內(nèi)容：
雖然資料是英文的，但是閱讀應(yīng)該不成問題。
好，我們不說這種方式引入 jQuery 而是引用文件的方式引用。
首先，我們下載 jQuery 文件到我們的 /static/js/ 目錄。正好我本地有一個 jquery-1.8.3.js，我就放了這么一個 jQuery 文件到我們的演示項目里。
然后，在 /src/main.js 合適位置插入下面的代碼：
// import 'jquery'
import '../static/js/jquery-1.8.3.js'- 1
- 2
jQuery 文件路徑名，請保持和你自己的一致。
好，這樣，我們就引入成功了。
經(jīng)過測試，這個方法不適用于高版本的
jquery高版本請直接使用下面第二種方法引入。
補(bǔ)充第二個方法
上面，我們是在 main.js 文件中引用 jQuery 其實(shí)，我們還可以在 /index.html 直接引用。
我們編輯 /index.html 在 head 區(qū)域插入下面的代碼
<script src="static/js/jquery-1.8.3.js"></script>- 1
直接這樣引用，就可以在項目中愉快的寫 jquery 代碼了。
so，明白我為什么不用
npm安裝那種啰嗦的方法了吧~，其實(shí)，更多的東西，我們都可以使用這兩種方法來引入。因為，這樣引入，可以加快打包速度。最佳狀態(tài)是，打包只打包我們自己的代碼。
不過在正常開發(fā)來說，需要時不時的安裝一個包，這時候，還是npm的包管理來得非常方便。但對于一個成熟項目的各種優(yōu)化來說，這里就可以不斷的嘗試優(yōu)化了。
這里，我只是提供了這個思路，我并不推薦任何東西都這么做，尤其是開發(fā)階段！
