这段时间不是小程序就是vue后台,基本都没有用到jq,不过jq这么强大,感觉能在vue项目中使用也是很好的。

首先 npm install jquery --save-dev 下载jq的包,下载好之后还需要改一下项目中的配置文件,找到build文件夹下面的webpack.base.conf.js文件,加入下图红色框出的代码:
在这里插入图片描述
然后回到main.js中引入jQuery:

import $ from 'jquery'

这样就已经可以了,在vue模板中就可以像普通H5项目一样使用jQuery的函数了,例如:

$(".hello").css("background", "rgba(0, 0, 0, 0.4)");
$(".text-block").slideToggle();
Logo

前往低代码交流专区

更多推荐