一问顷、安裝 jQuery 依賴
打開終端肠骆，進(jìn)入到項(xiàng)目目錄，執(zhí)行依賴安裝：
$ npm install --save jquery
如果使用的是 Yarn 管理器，則使用下面的方法添加 jQuery 包：
$ sudo yarn add jquery --save
yarn 會(huì)生成一個(gè) yarn.lock 的文件席赂，某些情況下需要使用
sudo目錄才可以添加新的包到 package.json 文件中。
二胧奔、webpack 配置
通嘲钙蹋基于 vue-cli 構(gòu)建項(xiàng)目時(shí)梆靖，都會(huì)自動(dòng)生成一個(gè)或多個(gè)配置文件在工程目錄中控汉，如：
- 基于 webpack 模板的項(xiàng)目配置項(xiàng)為
./build/webpack.base.conf.js文件； - 基于 webpack-simple 模板的則為
./webpack.config.js返吻；
首先姑子，在頭部增加引入 webpack 模塊( 適用于 webpack 模板構(gòu)建的項(xiàng)目，webpack-simple 構(gòu)建的則已存在該項(xiàng))：
var webpack = require('webpack') // -- 新增的 webpack 模塊
然后测僵，在當(dāng)前配置文件的 module.exports 中增加插件引用(位置無所謂街佑，盡量放在 resolve 對(duì)象下方)：
resolve: {
// ·······
},
// 新增插件引用
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
],
三、完成
執(zhí)行完上面的兩個(gè)步驟后，jQuery 就已經(jīng)被 webpack 全局引用成功了沐旨，在任意組件中添加一個(gè)測試代碼就可以查看到 jQuery 已經(jīng)生效森逮！
created: function () {
console.log( $(document) ); // 輸出 [document]
},
