1. 程式人生 > 其它 >Vue專案引入jQuery

Vue專案引入jQuery

技術標籤:Vue

Vue專案中引入jQuery

  1. 執行命令
npm install jQuery --save
  1. 修改package.json檔案
    可以不執行第一步命令直接修改package.json檔案,在dependencies中新增jQuery依賴,新增後執行npm install 命令即可
"jQuery": "^1.7.4",
  1. 其他依賴
    引入jQuery需要引入jQuery對應依賴,此次使用Vue版本為1.+版本,對應依賴為jsdom,location,navigator,xmlhttprequest;安裝以上依賴即可
  2. jQuery使用
    在 vue檔案中引入jQuery
import $ from "jQuery";

使用jQuery,以hover事件為例

$(".class")
        .mouseenter(function () {
          $(".class").css("transform", "scale(1.1)");
        })
        .mouseleave(function () {
          $(".class").css("transform"
, "scale(1)"); });