天天看點

Vue項目引入jQueryVue項目中引入jQuery

Vue項目中引入jQuery

  1. 執行指令
npm install jQuery --save
           
  1. 修改package.json檔案

    可以不執行第一步指令直接修改package.json檔案,在dependencies中添加jQuery依賴,添加後執行npm install 指令即可

  1. 其他依賴

    引入jQuery需要引入jQuery對應依賴,此次使用Vue版本為1.+版本,對應依賴為jsdom,location,navigator,xmlhttprequest;安裝以上依賴即可

  2. jQuery使用

    在 vue檔案中引入jQuery

使用jQuery,以hover事件為例

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