Vue專案引入jQuery
阿新 • • 發佈:2021-01-12
技術標籤:Vue
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使用
import $ from "jQuery";
使用jQuery,以hover事件為例
$(".class")
.mouseenter(function () {
$(".class").css("transform", "scale(1.1)");
})
.mouseleave(function () {
$(".class").css("transform" , "scale(1)");
});