溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何在Vue中使用jQuery

發(fā)布時間：2020-08-01 01:41:32 來源：網(wǎng)絡 閱讀：2136 作者：BlueMiaomiao 欄目：web開發(fā)

安裝依賴

yarn add jquery

修改build/webpack.base.conf.js

添加如下配置：

var webpack=require('webpack');

在 module.exports={} 添加如下配置：

plugins: [
    new webpack.ProvidePlugin({
      $:"jquery",
      jQuery:"jquery",
      "windows.jQuery":"jquery"
    })
  ]

在main.js中引入

import $ from 'jquery'

在Vue組件中的script塊中使用

// 這是jq的代碼
$(function(){
    $('.aui-content-main .aui-content-menu').hover(function(){
      $(this).addClass('active').find('s').hide();
      $(this).find('.aui-content-menu-dow').show();
    },function(){
      $(this).removeClass('active').find('s').show();
      $(this).find('.aui-content-menu-dow').hide();
    });
  });

// 這是vue的js代碼
export default {...}
向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。

AI
助
手