本次系统分析与设计的大作业中,我负责前端开发部分,我们使用的前端框架是Vue,然后在写代码的时候发现某些需要动态调整页面UI的时候需要js来控制页面,但是没有jQuery的话又十分难写,所以就学习了如何在Vue中引入jQury。
1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”(版本号可以在网上查)
我们的项目运行是跑dev分支,所以在我们的项目中,jquery被加入了devDependencies。
2、在终端里输入npm install jquery –save-dev 当然用 淘宝镜像 cnpm 也是可以的
注意:jquery 一定要小写 不然会提示 Please use ‘jquery’ (all lowercase)
3、找到build文件夹下的webpack.base.conf.js文件,打开,添加:
var webpack=require(‘webpack’)
在module.exports里输入:
plugins: [
new webpack.ProvidePlugin({
$:”jquery”,
jQuery:”jquery”,
“windows.jQuery”:”jquery”
})
],
4、在入口文件main.js中输入:
import $ from ‘jquery’
5、npm run dev
ok,现在就可以在项目里使用jQuery了,使用方式和原来的方式一模一样。