引入jQuery
通過npm安裝依賴引入
1、安裝
```
npm install jquery -S
```1234

2、修改webpack配置文件
build/webpack.base.conf.js
...var webpack = require("webpack") // 1. 確保引入 webpack，后面會用到

module.exports = { ...
resolve: {
extensions: ['.js', '.vue', '.json'],
modules: [
resolve('src'),
resolve('node_modules')
],
alias: { 'vue$': 'vue/dist/vue.common.js', 'src': resolve('src'), 'assets': resolve('src/assets'), 'components': resolve('src/components'),
// 2. 定義別名和插件位置 'jquery': 'jquery'
}
},
plugins: [
// 3. 配置全局使用 jquery
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery", "window.jQuery": "jquery"
})
]
}123456789101112131415161718192021222324252627282930

手動載入
手動下載jquery 放在static 目錄下，如：static/js/jquery.min.js
和npm不同的只是在第二步定義別名和插件位置：
alias: { 'vue$': 'vue/dist/vue.common.js', 'src': resolve('src'), 'assets': resolve('src/assets'), 'components': resolve('src/components'), // 2. 定義別名和插件位置
"jquery": path.resolve(__dirname, '../static/js/jquery.min.js')
}12345678

引入jquery第三方插件
可以通過npm安裝的插件
這種引入第三方插件的方法和上一節種引入echarts的方法是一樣的
手動引入