Vue项目中引入jQuery
- 执行命令
npm install jQuery --save
- 修改package.json文件
可以不执行第一步命令直接修改package.json文件,在dependencies中添加jQuery依赖,添加后执行npm install 命令即可
"jQuery": "^1.7.4",
- 其他依赖
引入jQuery需要引入jQuery对应依赖,此次使用Vue版本为1.+版本,对应依赖为jsdom,location,navigator,xmlhttprequest;安装以上依赖即可 - jQuery使用
在 vue文件中引入jQuery
import $ from "jQuery";
使用jQuery,以hover事件为例
$(".class")
.mouseenter(function () {
$(".class").css("transform", "scale(1.1)");
})
.mouseleave(function () {
$(".class").css("transform", "scale(1)");
});