Vue項目中引入jQuery
- 執行指令
npm install jQuery --save
-
修改package.json檔案
可以不執行第一步指令直接修改package.json檔案,在dependencies中添加jQuery依賴,添加後執行npm install 指令即可
-
其他依賴
引入jQuery需要引入jQuery對應依賴,此次使用Vue版本為1.+版本,對應依賴為jsdom,location,navigator,xmlhttprequest;安裝以上依賴即可
-
jQuery使用
在 vue檔案中引入jQuery
使用jQuery,以hover事件為例
$(".class")
.mouseenter(function () {
$(".class").css("transform", "scale(1.1)");
})
.mouseleave(function () {
$(".class").css("transform", "scale(1)");
});